html,body {
	height:100%;
}
	
body {
	margin:0;
	padding:0;
	background-color:#000000;
}

#neteja_floats{
	clear:both;
}

#container{
	width:950px;
    margin: auto;
}

#cos{
	width:950px;
	height:768px;
	float:left;
}

#cosintro{
	width:950px;
	float:left;
}

#cosacces{
	width:825px;
	height:285px;
	padding-left:125px;
	padding-top:190px;
	float:left;
	background-image:url(img/acceso.gif);
}

#cosregistre{
	width:950px;
	padding-top:70px;
	height:400px;
	float:left;
	background-image:url(img/registro.gif);
}
#cosreg_dins{
	width:800px;
	margin-left:150px;
	float:left;
	height:359px;
	display:inline;
}

#cosreg_dins_peu{
	width:915px;
	margin-left:15px;
	float:left;
	margin-top:20px;
	display:inline;
}

#cosfactu{
	width:950px;
	float:left;
	background-color:#000000;
}

#factuEsq{
	width:457px;
	padding-left:16px;
	height:475px;
	float:left;
	display:inline;
	margin-right:4px;
	background-image:url(img/fons_fact1.gif);
	background-repeat:repeat-x;
	display:inline;
}
#facE1{
	width:441px;
	padding-top:20px;
	float:left;
	border-bottom:#9e9e9e solid 2px;
	margin-bottom:10px;
	margin-right:16px;
	display:inline;
}

#factuScroll{
	width:452px;
	float:left;
	display:inline;
	margin:0px 10px 0 0;
	overflow:auto;
	height:225px;
}

#factuScrollF{
	width:457px;
	float:left;
	display:inline;
	padding-right:10px;
}

#facE2{
	width:430px;
	padding:5px 0 5px 0;
	float:left;
	/*margin-left:16px;*/
}
#facE2_60Q{
	width:65px;
	float:left;
	text-align:center;
}
#facE2_60{
	width:65px;
	float:left;
	text-align:left;
	display:inline;
}
#facE2_60D{
	width:60px;
	float:right;
	text-align:right;
}
#facE2_80D{
	width:76px;
	float:right;
	text-align:center;
}
#facE2_200{
	width:220px;
	float:left;
	text-align:left;
	margin-left:10px;
	display:inline;
}

#facE3{
	width:430px;
	padding:2px 0 2px 0;
	float:left;
	/*margin-left:16px;*/
	border-top:#9e9e9e solid 1px;
}
#facE3_150{
	width:190px;
	float:left;
	text-align:left;
}
#facE3_80D{
	width:50px;
	float:right;
	text-align:right;
}


#facE4{
	width:430px;
	padding:15px 0 2px 0;
	float:left;
	/*margin-left:16px;*/
	border-top:#9e9e9e solid 1px;
}

#facE5{
	width:430px;
	padding:390px 0 2px 0;
	float:left;
	/*margin-left:16px;*/
/*	border-top:#9e9e9e solid 1px;*/
}

#factuDret{
	width:473px;
	height:475px;
	float:left;
	display:inline;
	background-image:url(img/fons_fact2.gif);
	background-repeat:repeat-x;
}
#fDretAcces{
	width:473px;
	height:475px;
	float:left;
	display:inline;
	background-image:url(img/fons_acces.gif);
	background-repeat:repeat-x;
}

#factuCompraReal{
	width:473px;
	height:475px;
	float:left;
	display:inline;
	background-image:url(img/fons_fact3.gif);
}


#facD2{
	width:441px;
	height:70px;
	float:left;
	margin-left:16px;
	display:inline;
}

#facD2New{
	width:441px;
	height:225px;
	float:left;
	padding-left:16px;
	display:inline;
}

#facD2_regal{
	width:120px;
	height:27px;
	padding-top:3px;
	float:left;
	margin-left:16px;
	display:inline;
}
#facD2_modif{
	width:94px;
	height:30px;
	float:right;
	margin-left:16px;
	display:inline;
}

#faModNew{
	width:150px;
	padding-right:15px;
	height:30px;
	float:right;
	display:inline;
	text-align:right;
}
#facD3{
	width:441px;
	padding-top:20px;
	float:left;
	margin-bottom:10px;
	margin-left:16px;
	display:inline;
	height:90px;
}

#facD4{
	width:441px;
	padding-top:80px;
	float:left;
	margin-left:16px;
	display:inline;
	text-align:center;
}


#cap{
	width:950px;
	height:66px;
	float:left;
}

#cap1{
	width:245px;
	height:66px;
	float:left;
}

#cap2{
	margin-top:34px;
	margin-right:1px;
	float:right;
}

#info{
	width:950px;
	height:475px;
	float:left;
}

#part1{
	width:631px;
	padding-left:19px;
	height:475px;
	float:left;
	background-image:url(img/fons_prod.gif);
	background-repeat:repeat-y;
}

#part3{
	width:631px;
	padding-left:19px;
	height:475px;
	float:left;
	background-image:url(img/fons_fact1.gif);
	background-repeat:repeat-x;
}


#ProductesEsq{
	width:102px;
	height:475px;
	float:left;
}

#ProductesEsq2{
	width:121px;
	height:475px;
	float:left;
}

#FotoProducte{
	width:102px;
	height:74px;
	float:left;
	border-bottom:#acacac solid 2px;
}

#FotoProducte2{
	width:74px;
	height:74px;
	float:left;
	background-color:#CCCCCC;
	border-bottom:#acacac solid 2px;
}

#global{
	width:121px;
	float:left;
}

#FotoOff{
	width:19px;
	background-color:#CCCCCC;
	height:76px;
	float:left;
}

#FotoOn{
	width:19px;
	background-color:#fff;
	height:74px;
	float:left;
	border-bottom:#cccccc solid 2px;
}

#ProductesMig{
	width:510px;
	height:475px;
	float:left;
}

#ProductesMigNew{
	width:612px;
	height:475px;
	float:left;
}

#InfoProducte{
	width:492px;
	padding-left:18px;
	display:inline;
	height:74px;
	float:left;
	border-bottom:#acacac solid 2px;
}

#InfoProdDalt{
	width:480px;
	padding:18px 12px 14px 18px;
	display:inline;
	height:12px;
	float:left;
	border-bottom:#acacac solid 2px;
}

#InfoProdDalt2{
	width:480px;
	padding:18px 12px 14px 18px;
	display:inline;
	height:12px;
	float:left;
/*	border-bottom:#acacac solid 2px;*/
}


#InfoProd_AntSeg{
	width:592px;
	padding-left:18px;
	padding-top:12px;
	display:inline;
	height:20px;
	float:left;
}

#InfoP1{
	width:492px;
	height:18px;
	float:left;
	border-bottom:#acacac solid 2px;
}
#InfoP2{
	width:432px;
	height:18px;
	float:left;
	text-align:left;
}
#InfoP2_comprar{
	width:60px;
	height:18px;
	float:left;
	text-align:center;
}
#unid{
	width:60px;
	border-bottom:none;
	border-top:none;
	text-align:center;
	float:left;
	height:16px;
	background-color:#CCCCCC;
	border-left:#e6e6e6 solid 2px;
	border-right:#e6e6e6 solid 2px;
}
.unid{	
	width:60px;
	border-bottom:none;
	border-top:none;
	text-align:center;
	float:left;
	height:16px;
	background-color:#CCCCCC;
	border-left:#e6e6e6 solid 2px;
	border-right:#e6e6e6 solid 2px;
    text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

#Total{
	width:60px;
	height:16px;	
	border-bottom:none;
	border-top:none;
	text-align:right;
	float:right;
	background-color:#606060;
	border:none;
}
.total{	
    text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

#ProductesEsq3{
	width:242px;
	height:475px;
	float:left;
}

#ProductTop{
	width:230px;
	padding-top:11px;
	margin-left:12px;
	display:inline;
	height:35px;
	float:left;
}

#Product{
	width:212px;
	height:411px;
	padding:0px 5px 0 15px;
	display:inline;
	float:left;
	overflow:auto;
}

#ProductF{
	width:212px;
	display:inline;
	float:left;
	padding-top:20px;
}


#part1Bis{
	width:650px;
	height:475px;
	float:left;
	background-color:#FFFFFF;
}

#p1bloc1{
	width:364px;
	height:475px;
	float:left;	
}

#p1bloc3{
	width:286px;
	height:475px;
	float:left;	
}




#part2{
	width:296px;
	height:475px;
	float:right;	
}

#p2bloc1{
	background-image:url(img/fons_B1.gif);
	background-repeat:repeat-x;
	width:296px;
	height:168px;
	float:left;	
}

#p2bloc1text1{
	width:243px;
	margin:28px 0 0 22px;
	float:left;	
}

#p2bloc2{
	background-image:url(img/fons_B2.gif);
	background-repeat:repeat-x;
	width:296px;
	height:278px;
	float:left;	
	background-color:#471C15;
}
#p2bloc21{
	background-image:url(img/fons_B2.gif);
	background-repeat:repeat-x;
	width:296px;
	height:258px;
	float:left;	
	background-color:#471C15;
}

#p2bloc2text1{
	width:260px;
	margin:15px 0 0 18px;
	float:left;	
}


#p2bloc3{
	background-color:#67291d;
	width:276px;
	padding-right:20px;
	height:34px;
	padding-top:15px;
	float:right;
	text-align:right;
	display:inline,
}
#p2bloc3Bis{
	width:415px;
	height:34px;
	padding-top:15px;
	padding-right:15px;
	float:right;
	text-align:right;
	display:inline;
}


#cul{
	width:950px;
	height:50px;
	float:left;
}

#culpart1{
	width:500px;
	margin-top:20px;
	float:left;
}

#culpart2{
	width:400px;
	margin-top:20px;
	text-align:right;
	float: right;
	display:inline;
}

#regal{
width:270px;
padding:30px;
background-color:#333333;
height:70px;
text-align:center
}


/*ESTILS DE TEXT*/


.stilA{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
/*	color:#515151;*/
	color:#C8C5C5;
}
.stilA a{
	text-decoration:none;
/*	color:#515151;*/
	color:#C8C5C5;
}
.stilA a:hover{
	text-decoration:none;
	color:#FFFFFF;
}

.stilB{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:12px;
	color:#eccab1;
}

.stilB18{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#eccab1;
}

.stilB18_2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#860000;
}
.stilB18_3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#f0e696;
}

.stilC{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
.stilC a{
	text-decoration:none;
	color:#FFFFFF;
}
.stilC a:hover{
	text-decoration:none;
	color:#ccc;
}

.stilCNew{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
.stilCNew a{
	text-decoration:none;
	color:#FFFFFF;
}
.stilCNew a:hover{
	text-decoration:none;
	color:#ccc;
}


.stilCNewGris {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
/*  color:#666666; */
	color:#8E8C8C;
}
.stilCNewGris a{
	text-decoration:none;
/*	color:#666666; */
	color:#8E8C8C;
}
.stilCNewGris a:hover{
	text-decoration:none;
	color:#ccc;
}



.stilC_2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}
.stilC_2 a{
	text-decoration:none;
	color:#FFFFFF;
}
.stilC_2 a:hover{
	text-decoration:none;
	color:#ccc;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .stilC_2 { padding-top:2px; }
}



.text_tau12Blanc{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .text_tau12Blanc { padding-top:2px; }
}


.stilD{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e7a226;
}
.stilD a{
    text-decoration:none;
	color:#e7a226;
}
.stilD a:hover{
    text-decoration:none;
	color:#ccc;
}

.stilProd{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
}
.stilProd a{
	text-decoration:none;
	color:#000;
}
.stilProd a:hover{
	text-decoration:none;
	color:#ccc;
}


.stilProdGran{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000;
	font-weight:bold;
	line-height:1.5em;
}
.stilProdGran a{
	text-decoration:none;
	color:#000;
}
.stilProdGran a:hover{
	text-decoration:none;
	color:#ccc;
}



.stilProd2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	font-weight:bold;
	padding-top:2px;
}
.stilProd2 a{
	text-decoration:none;
	color:#999999;
}
.stilProd2 a:hover{
	text-decoration:none;
	color:#CCCCCC;
}

.stilE{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ccc;
	font-weight:bold;
}
.stilE a{
	text-decoration:none;
	color:#ccc;
}
.stilE a:hover{
	text-decoration:none;
	color:#fff;
}

/*ESTILS DE TAULA  I FORMULARIS*/

.tau01{
	height:50px;
	border-right:#CCCCCC solid 1px;
}

.tau02{
	height:20px;
	margin-top:10px;
	border:#ffffff solid 1px;
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}

.tau03{
	border-right:#FFFFFF solid 1px;
}

.tau04{
	margin-top:5px;
	border:#FFFFFF solid 1px;
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

.tau05{
	border-top:#9e9e9e solid 1px;
	border-collapse:collapse;
}


.text_tau{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}
.text_tau a{
	text-decoration:none;
	color:#000;
}
.text_tau a:hover{
	text-decoration:none;
	color:#ccc;
}
.text_tau11{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
/*	color:#000;*/
	color:#8E8C8C;
}
.text_tau12{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}
.text_tau12 b{
    font-weight:bold;
}
.text_tau12 i{
	font-size:11px;
	font-style:italic;
	font-weight:bold;
}

.textBisN{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	line-height:1.4em;
}
.textBisN b{
    font-weight:bold;
}
.textBisN i{
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	line-height:1.3em;
}


.formuMail{
	margin-left:5px;
	width:220px;
	height:14px;
	border:none;
	background-color:#e6e6e6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

.formuAcces{
	margin-left:5px;
	width:220px;
	height:16px;
	border:none;
	background-color:#e6e6e6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

.formuAccesNew{
	margin-left:5px;
	width:310px;
	height:16px;
	border:none;
	background-color:#e6e6e6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}
.formuAccesNew2{
	margin-left:5px;
	width:360px;
	height:16px;
	border:none;
	background-color:#e6e6e6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}


.formuContras{
    margin-left:5px;
	width:110px;
	height:16px;
	border:none;
	background-color:#e6e6e6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

.botEntrar{
	width:75px;
	height:20px;
	border:none;
	background-color:#ccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	cursor:hand;
}


#botCrearcuenta{
	width:98px;
	padding-top:3px;
	height:17px;
	border:#FFFFFF solid 1px;
	background-color:#333;
	margin-left:5px;
}

.text_Cuenta{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
}
.text_Cuenta a{
	text-decoration:none;
	color:#fff;
}
.text_Cuenta a:hover{
	text-decoration:none;
	color:#fff;
}


.formuComent{
	width:435px;
	border:none;
	background-color:#80574f;
	height:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin-top:10px;
	overflow:auto;
}
