html, body {   
    height:100%;   
    margin:0;   
}   
body {   
    position:relative;   
    min-width:960px;   
    min-height:678px;
	background-image:url(imgs/fonsMoycor.gif);
	background-position:center;  
}   

#contingut {
	position:absolute;
	width: 960px;
	height: 678px;
	top:50%;   
    left:50%; 
    margin-top:-339px;
    margin-left:-480px;
	z-index:1;
}

*html #contingut {   
    top:expression(document.body.clientHeight < 678? "0px": "50%" );   
    margin-top:expression(document.body.clientHeight < 678? "0px": "-339px" );   
    left:expression(document.body.clientWidth < 960? "0px": "50%" );   
    margin-left:expression(document.body.clientWidth < 960? "0px": "-480px" );   
}

#contHome {
	width: 958px;
	padding-top:120px;
	height: 546px;
	float:left;
	display:inline;
	background-color:#FFFFFF;
	border:#e1e1e1 solid 1px;
}

#FlashHome {
	width: 520px;
	height: 290px;
	float:left;
	display:inline;
	margin-bottom:50px;
	margin-left:220px;
}

#idiomes {
	width: 600px;
	margin-left:180px;
}

#banner_home {
	width: 630px;
	margin-left:180px;
	padding: 65px 0 0 0;
	display: block;
	float: left;
}

#cap{
	width:958px;
	height:147px;
	border:#e1e1e1 solid 1px;
	position:relative;
	background-color:#FFFFFF;
}

#tornar{
	width:67px;
	position:absolute;
	left:883px;
	top:116px;
	z-index:10;
}

#banner_int{
	width:400px;
	position:absolute;
	left:535px;
	top:36px;
	z-index:10;
}

#cont{
	width:923px;
	height:493px;
	border:#e1e1e1 solid 1px;
	float:left;
	background-color:#FFFFFF;
	padding:5px 0 0 35px;
	display:inline;
	margin-top:19px;
}

#contMenu{
	width:200px;
	float:left;
	margin-top:30px;
	display:inline;
}

#contMSup{
	width:200px;
	height:265px;
	float:left;
}

#contMInf{
	width:192px;
	height:100px;
	float:left;
	background-image:url(imgs/fonsDistri.gif);
	background-repeat:no-repeat;
	padding-left:8px;
	display:inline;
}

#contMInf_cistella{
	width:200px;
	height:50px;
	float:left;
	margin-top:100px; 
	display:inline;
}

#contInfo{
	width:690px;
	height:365px;
	float:left;
	margin-top:30px;
	display:inline;
	padding-left:20px;
}
#contInfoG{
	width:690px;
	height:365px;
	float:left;
	margin-top:30px;
	display:inline;
}

#contInfoFla{
	width:670px;
	float:left;
	padding-left:20px;
	display:inline;
}

#contIFamili{
	width:670px;
	height:455px;
	float:left;
	margin-top:30px;
	padding-left:20px;
	display:inline;
}
#contIFamili2{
	width:670px;
	height:455px;
	float:left;
	padding-left:20px;
	display:inline;
}

#contIEsq{
	width:435px;
	float:left;
}
#contIDret{
	width:235px;
	float:left;
	padding-left:20px;
	display:inline;
}

#contIEsq2{
	width:135px;
	padding-left:20px;
	float:left;
	display:inline;
}
#contIDret2{	
	width:515px;
	float:left;
	padding-left:20px;
	display:inline;
}
#contIDret22{	
	width:515px;height:365px;
	float:left;
	margin-left:20px;
	display:inline;
}

#contIEsq3{
	width:140px;
	float:left;
}

#menuProd{
	width:670px;
	float:left;
}

#menuProd ul{
	margin:0 ;
	padding:0;
	text-align:left;
	list-style:none;
}

#menuProd li{
	width:167px;
	float:left;
	margin:6px 0 0 0;
	padding:0;
	display:inline;
}

#tit_familia{
	width:670px;
	border-bottom:#fcc409 solid 1px;
	float:left;
	height:20px;
	margin-bottom:15px;
	display:inline;
}

#familia{
	width:690px;
	height:410px;
	float:left;
	position:relative;

}

#infoCist{
	width:680px;
	padding-top:10px;
	display:inline;
	float:left;

}
#infoCistella{
	width:670px;
	height:310px;
	float:left;
	overflow:auto;
	outline: none; 
	border:none;
}


#infoCist2{
	width:500px;
	padding-top:10px;
	display:inline;
	float:left;

}
#infoCistNew{
	width:500px;
	height:390px;
	float:left;
	overflow:auto;
	outline: none; 
	border:none;
}

#ofe{
	width:146px;
	padding:0 7px 40px 7px;
	float:left;
	display:inline;
}

#ofer2{
	width:146px;
	/*padding-top:2px;*/
	float:left;
	display:inline;
	background-image:url(imgs/ofer.gif);
	background-position:right top;
	background-repeat:no-repeat;
	
}

#cod{padding-bottom:8px; width:90px; float:left; display:inline; padding-top:35px;}

/*#ofer3{
	width:55px;
	height:43px;
	padding-top:12px;
	position:absolute;
	z-index:200;
	left:80px;
	top:132px;
	text-align:center;
	line-height:0.8em;	
	background-image:url(imgs/ofer.png) !important;
    background-image: none;
    background-position:center;
    background-repeat:no-repeat;
    filter: none !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/ofer.png');
 
}*/

#ofer3{
	width:55px;
	height:25px;
	padding-top:16px;
	float:left;
	display:inline;
	text-align:center;
	line-height:1.2em;	 
}

/*#ofer3G{
	width:140px;
	height:110px;
	padding-top:30px;
	position:absolute;
	z-index:200;
	left:666px;
	top:180px;
	text-align:center;
	line-height:2em;
	background-image:url(imgs/oferG.gif);
	background-position:center;
	background-repeat:no-repeat;
 
}*/

#ofer3G{
	width:132px;
	height:110px;
	padding-right:126px;
	padding-top:30px;
	text-align:center;
	line-height:2em;
	background-image:url(imgs/oferG.gif);
	margin-bottom:10px;
	
}
*html #ofer3G{ visibility:visible; z-index:10}

#codiT{
	width:172px;
	height:400px;
	position:absolute;
	z-index:10;
	left:1px;
	top:2px;
	line-height:2.2em;
}

#PFamilia{
	width:514px;
	height:410px;
	float:left;
}

#prodEsCE{
   width:100px;
   float:left;
}

#PFCodi{
	width:100px;
	padding-bottom:100px;
	float:left;
	padding-top:20px;
	display:inline;
	height:191px;
}

#PFEnrere{
	width:100px;
	float:left;
	text-align:left;
}

#PFEnreOfer{
	width:104px;
	padding-top:25px;
	display:inline;
	float:left;
	text-align:left;
}


#PFImg{
	width:410;
	height:410px;
	float:right;
}

#PFImg2{
	width:410px;
	height:410px;
	float:left;
}

#PFCDescrip{
	display:block;
	height:410px;
	float:left;
	text-align:center
	
}

#PFCDescrip2{
    width:250px;
	height:390px;
	float:left;
	padding-top:20px;
	display:inline;
}

#PFCDescrip3{
    width:250px;
	margin-top:100px;
	height:310px;
	float:left;	
}

#img_descrip_prod{
	width:414px;
	height:410px;
	float:left;
}
#opfa{ 
    width:160px;
	float:left;}

#opcions_familia{
    width:160px;
	height:400px;
	/*float:left;*/
	overflow:auto;
	outline: none; 
	border:none;
	text-align:center;
}

#botigues1{
	/*width:215px;*/
	width:500px;
	float:left;
}

#botigues2{
	width:215px;
	float:left;
}

#botiguesSC{
	width:670px;
	height:365px;
	overflow:auto;
	outline: none;
	border:none;
}

#botdirec{
	width:190px;
	height:135px;
	float:left;
	margin-right:50px;
}


#fotosBotSC{
	width:280px;
	height:350px;
	/*float:left;*/
	overflow:auto;
	outline: none;
	border:none;
}

#botdirec2{
	width:255px;
	height:200px;
	float:left;
}

#botdirecFot{
	width:250px;
	float:left;
	margin-bottom:20px;
	display:inline;
}

#botdistri{
	width:190px;
	padding-bottom:15px;
	float:left;
	display:inline;
}

#sep_botig{
	width:20px;
	height:365px;
	float:left;
}

#consulta{
   width:315px;
   float:left;
   text-align:right;
}
 
#contacte{
   width:315px;
   float:left;
}
 
#contacte2{
   width:300px;
   float:left;
}
 
#mapgoog{
   width:350px;
   height:350px;
   float:left;
   margin-right:30px;
   display:inline;
}

#stock {
	width:90px; 
	height:15px; 
	border:#fcc409 solid 1px; 
	text-align:center; 
	float:left;
}

#afegirImg {
	width:27px; 
	height:17px; 
	float:left;
}
#afegirText {
    width:90px; 
    height:17px; 
    text-align:center; 
    float:left;
}

.afegir { 
   font-family:"Trebuchet MS"; 
   font-size:9px;  
   background-color:#87888a;
   color:#FFFFFF;
}
.afegir a {
   text-decoration:none; 
   font-size:9px;
   background-color:#87888a;
   color:#FFFFFF;
   display:block; 
   padding:1px 0px 1px 0px;
}
.afegir a:hover { 
	text-decoration:none;
	font-size:9px; 
	background-color:#532409;
	color:#FFFFFF;
}


.menu{
	font-family:"Trebuchet MS";
	font-size:11px;
	/*font-weight:bold;*/
	color:#532409;
}
.menu a{
	color:#87888a;
	text-decoration:none;
}
.menu a:hover{
	color:#532409;
	text-decoration:none;
}

.menu i{
	font-style:italic;
	font-family:"Trebuchet MS";
	font-size:12px;
	font-weight:bold;
}



.idiomes{
	font-family:"Trebuchet MS";
	font-size:13px;
	font-weight:bold;
	color:#532409;
}
.idiomes a{
	color:#87888a;
	text-decoration:none;
}
.idiomes a:hover{
	color:#532409;
	text-decoration:none;
}



.distri{
	font-family:"Trebuchet MS";
	font-size:12px;
	font-weight:bold;
	color:#532409;
	padding-left:9px;
}

.consulta{
	font-family:"Trebuchet MS";
	font-size:15px;
	/*font-weight:bold;*/
	color:#532409;
}
.consulta b{
	font-size:18px;
	font-weight:bold;

}

.usu{
	font-family:"Trebuchet MS";
	font-size:10px;
	color:#532409;
}
.usu a{
	color:#87888a;
	text-decoration:none;
}
.usu a:hover{
	color:#532409;
	text-decoration:none;
}



.caixusu{
	height:13px;
	border:#e1e1e1 solid 1px;
	color:#87888a;
	font-family:"Trebuchet MS";
	font-size:11px;
}
.caixpass{
	width:95px;
	height:13px;
	border:#e1e1e1 solid 1px;
	color:#87888a;
	font-family:"Trebuchet MS";
	font-size:11px;
}



.infor{
	font-family:"Trebuchet MS";
	font-size:11px;
	color:#87888a;
}
.infor a{
	color:#977c6b;
	text-decoration:none;
}
.infor a:hover{
    color:#532409;
	text-decoration:none;
}



.codi{
	font-family:"Trebuchet MS";
	font-size:10px;
	color:#532409;	
}
.codi a{
	color:#87888a;
	text-decoration:none;
}
.codi a:hover{
	color:#532409;
	text-decoration:none;
}


.codiOf{
	font-family:"Trebuchet MS";
	font-size:10px;
	color:#532409;
	background-color:#fcc409;	
}

.codDesc{
	font-family:"Trebuchet MS";
	font-size:8px;
	color:#532409;	
}

.ofeGran{
	font-family:"Trebuchet MS";
	font-size:18px;
	color:#532409;
}

.ofeGran b{
	font-family:"Trebuchet MS";
	font-size:50px;
	font-weight:bold;
	color:#532409;
}


.botig{
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#532409;
}
.botig a{
	color:#87888a;
	text-decoration:none;
}
.botig a:hover{
	color:#532409;
	text-decoration:none;
}


.botig2{
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#532409;
	border-bottom:#fcc409 solid 1px;
	margin-bottom:2px;
}
.botig2 a{
	color:#87888a;
	text-decoration:none;
}
.botig2 a:hover{
	color:#532409;
	text-decoration:none;
}


#botig{
    width:190px;
	height:15px;
	margin-bottom:10px;
	float:left;
	display:inline;
	padding-bottom:1px;
	border-bottom:#fcc409 solid 1px;
}



.direc{
	font-family:"Trebuchet MS";
	font-size:11px;
	/*font-weight:bold;*/
	color:#87888a;
}
.direc a{
	color:#532409;
	text-decoration:none;
}
.direc a:hover{
	color:#532409;
	text-decoration:none;
}


.entr{
	font-family:"Trebuchet MS";
	font-size:10px;
	color:#977c6b;
	text-align:right;
}
.entr a{
	color:#977c6b;
	text-decoration:none;
}
.entr a:hover{
	color:#532409;
	text-decoration:none;
}


.caixcon1{
	width:250px;
	height:13px;
	border:#e1e1e1 solid 1px;
	color:#87888a;
	font-family:"Trebuchet MS";
	font-size:11px;
}

.caixcon2{
	width:248px;
	height:100px;
	border:#e1e1e1 solid 1px;
	color:#87888a;
	font-family:"Trebuchet MS";
	font-size:11px;
	overflow:hidden;
	overflow:auto;
}

#netFloat{ clear:both;}



.descrip{
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#532409;
}
.descrip a{
	color:#532409;
	text-decoration:none;
}
.descrip a:hover{
	color:#532409;
	text-decoration:none;
}


.descripR{
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#000000;


}
.descripR a{
	color:#000000;
	text-decoration:none;
}
.descripR a:hover{
	color:#000000;
	text-decoration:none;
}


#consuSt{
	width:200px;
	padding-top:5px;
	clear:both;
}
.consuSt{
	font-family:"Trebuchet MS";
	font-size:10px;
	color:#000000;	
}
.consuSt a{
	color:#532409;
	text-decoration:none;
}
.consuSt a:hover{
	color:#532409;
	text-decoration:none;
}