body {
	background-color:#0a0b0a;
	background-image: url(../imgs/fons.jpg);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
}

#caixa {
	width: 969px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}

/* Elements capçalera */
#cap {
	clear: both;
	height: 112px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom:1px;
	background-color:#cd9f00;
}

#logo {
	float: left;
}

#menu {
	float:left;
}


/* Home */
#logoHome {
	text-align:center;
}

#cosHome {
	clear: both;
	margin-top: 0px;
	margin-bottom: 0px;
}

#cosHome .botoHome {
	margin-left: 15px;
	float:left;
	width:302px;
	height:420px;
	margin-bottom:15px;
}

/* Elements cos */
#cos {
	clear: both;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}

#imgTitol {
	float: left;
	height: 418px;
	width: 293px;
}

#contingut {
	float: left;
	height: 418px;
	width: 646px;
	background-image: url(../imgs/fonsPresentacio.jpg);
	margin-bottom:15px;
	display:inline;
}

#contingut h2.tApartat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #f49b00;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
	letter-spacing: 3px;
}

#contingut h2.tImatge {
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 30px;
}

#contingut p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 148%;
	color: #fafafa;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-left: 30px;
}

#contingut .imgD {
	float: right;
	margin-right: 30px;
	margin-left: 30px;
	border: 1px solid #555555;
}


#contingut-botiga {
	float:left;
	min-height: 418px;
	
	background-image: url(../imgs/fonsPresentacio.jpg);
	margin-bottom:15px;
	display:inline;
}

#contingut-botiga h2.tApartat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #f49b00;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
	letter-spacing: 3px;
}

#contingut-botiga h2.tImatge {
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 30px;
}

#contingut-botiga p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 148%;
	color: #fafafa;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-left: 30px;
}

#contingut-botiga .imgD {
	float: right;
	margin-right: 30px;
	margin-left: 30px;
	border: 1px solid #555555;
}

/* Peu */
#peu {
	width:939px;
	float:left;
	display:inline;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #3b3b3b;

	padding-top: 5px;
	padding-bottom: 10px;
}


.txpeu {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6d6d6d;
	padding-top:5px;
}
.txpeu a {
	color:#909090;
	text-decoration:none;
}
.txpeu a:hover{
	color:#777777;
	text-decoration:underline;
}

/* Productes */
/* Productes */
.thumbProd {
	float:left;
	width:250px;
	height:51px;
	margin:0 0 15px 0;
	/*margin-right:20px;
	margin-left:30px;
	margin-bottom:15px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

.thumbProd img {
	display:block;
	margin-bottom:3px;
	border: 1px solid #A0A0A0;
}

.thumbProd a {
	/*color:#ff4800;*/
	color:#d0a510;	
	text-decoration:none;
}

.thumbProd a:hover {
	/*color:#ff4800;*/
	color:#d0a510;	
	text-decoration:underline;
}

.thumbProd-pers {
	width:280px;
	height:30px;
	margin:0 0 5px 0;
	/*margin-right:20px;
	margin-left:30px;
	margin-bottom:15px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	position:relative;
	
}

.thumbProd-pers img {
	display:block;
	margin-bottom:3px;
	border: 1px solid #A0A0A0;
}

.thumbProd-pers a {
	/*color:#ff4800;*/
	color:#d0a510;	
	text-decoration:none;
}

.thumbProd-pers a:hover {
	/*color:#ff4800;*/
	color:#d0a510;	
	text-decoration:underline;
}

/* Submenú productes */
ul.subProductes {
	padding: 0px;
	/*margin:15px 0px 0px 185px;*/
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:1em;
}

.modp{font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height:1em;}
	.modp a{color:#d0a510;
	text-decoration:none;}
	.modp a:hover{color:#d0a510;
	text-decoration:underline;
	}

ul.subProductes li {
	list-style:none;
	padding: 0px 0px 8px 0px;
	margin:0px 0px 0px 0px;
	line-height:1em;
}

ul.subProductes li a {
	/*color:#ff4800;*/	
	color:#d0a510;
	text-decoration:none;
	margin:0;
	padding:0;
}
ul.subProductes li a:hover {
	/*color:#ff4800;*/	
	color:#d0a510;
	text-decoration:underline;
}

ul.subProductes li img {
	display:block;
	margin-bottom:2px;
	border: 1px solid #999999;
}

h2.tProducte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #FFFFFF;
	margin-top: 30px;
	/*margin-right: 30px;*/
	margin-bottom: 20px;
	margin-left: 30px;
	font-weight:bold;
}

h2.tProducte a{
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
	font-size:18px;
}

h2.tProducte a:hover{
	color: #FFFFFF;
	text-decoration:none;
	font-weight: normal;
	font-size:18px;
}

.pastProd {
	background-color: #FFFFFF;
	padding: 5px;
	display: inline;
}

.descProducte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #eeeeee;
	margin-bottom: 20px;
	height: 130px;
	display:block;
	clear:both;
}

.descProducte a{
text-decoration:underline;
	color: #eeeeee;
}

.descProducte a:hover{
text-decoration:none;
	color: #eeeeee;
}

.imgProducte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #eeeeee;
	margin-right: 30px;
	margin-left: 30px;
	height: 130px;
}

.imgProducte img {
	border:none;
}

.cliqueu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 30px;
	color: #999999;
}
.cliqueu a  {
	color:#CCCCCC;
	text-decoration:none;
}
.cliqueu a:hover  {
	/*color:#ff4800;*/
	color:#d0a510;
	text-decoration:underline;
}

/* Contacte */
form {
	margin:0px;
	padding:0px;
}
#caixaForm {
	background-color: #292929;
	float: left;
	width: 340px;
	margin-top: 30px;
	margin-left: 30px;
	border: 1px solid #535353;
	height: 355px;
	display:inline;
}

#caixaForm p a {
	/*color:#ff4800;*/
	color:#ffffff;
	text-decoration:none;
}

#caixaForm p a:hover {
	/*color:#ff4800;*/
	color:#ffffff;
	text-decoration:underline;
}

#caixaForm .label_1 {
	float:left;
	width:70px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	margin-left:20px;
}

#caixaForm .legal {
	float:left;
	width:80px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCCCCC;
	margin-left:20px;
}

#caixaForm .legal a {
	/*color:#ff4800;*/
	color:#d0a510;
	text-decoration:none;
}

#caixaForm .legal a:hover {
	/*color:#ff4800;*/
	color:#d0a510;
	text-decoration:underline;
}

#caixaForm .camp_1 {
	float:left;
	width:220px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin-bottom:5px;
	border: solid 1px #535353;
	background-color:#cccccc;
}

#caixaForm .bEnvia {
	float:left;
	width:210px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	padding-top:5px;
}

.boto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*color: #FF4800;*/
	color:#d0a510;
	background-color: #333333;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	/*border: 1px solid #FF4800;*/
	border: 1px solid #d0a510;
	cursor:pointer;
	cursor:hand;
}

#caixaForm br {
	clear:left;
}

#caixaAdre {
	background-color: #292929;
	float: right;
	width: 210px;
	margin-top: 30px;
	margin-right: 30px;
	border: 1px solid #535353;
	height: 355px;
}
#caixaAdre p {
	margin:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#cccccc;
	line-height:150%;
}
#caixaAdre a  {
	/*color:#ff4800;*/
	color:#d0a510;
	text-decoration:none;
}
#caixaAdre a:hover  {
	/*color:#ff4800;*/
	color:#d0a510;
	text-decoration:underline;
}

h2.tForm {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}

.clear {
	clear:both;
	margin:0; padding:0;
}

#idiomesHome {
	background-image: url(../imgs/fonsIdiomesHome.jpg);
	background-repeat: repeat-y;
	text-align: center;
	clear: both;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 1px;
	margin-right: 15px;
	margin-left: 15px;
}

#idiomesHome img {
	border:none;
	display:inline;
}


/*SCROLL*/
#prodSC{
	width: 275px;	
	height:300px;
	float:left;
	overflow:auto;
	outline: none;
	border:none;
}

#prod2SC{
	width: 275px;	
	height:300px;
	float:left;
	overflow:auto;
	outline: none;
	border:none;
}

#prod22SC{
	width: 275px;	
	height:300px;
	float:left;
	overflow:auto;
	outline: none;
	border:none;
}

#botigSC{
	width: 890px;	
	height:315px;
	overflow:auto;
	outline: none;
	border:none;
}

#puntsdevenda{
	width: 890px;	
	height:300px;
	display:inline; 
	margin-left:30px;
	float:left;

}

#puntsdevendaSC{
	width: 890px;	
	height:300px;
	float:left;
	overflow:auto;
	outline: none;
	border:none;
}

.punt1{ display:inline; float:left; width:220px; margin-bottom:28px;}



#prod3SC{
	width:115px;	
	height:400px;
	float:left;
	overflow:auto;
	outline: none;
	border:none;
}

#prodP{
	float: left;
	width: 160px;
}

#prodPLLista{
	float: left;
	width: 120px;
	padding:15px 0 0 12px;
	display:inline;
}


/* Cistella de compra*/

#introCistella {
	padding-top:20px;
	padding-bottom:10px;
}

#contCistella {
	width: 890px;	
	height:165px;
	margin-left:30px;
	margin-bottom:50px;

}

#contCistellaSC {
	width: 890px;	
	height:165px;
	overflow:auto;
	outline: none;
	border:none;
}
#contCistella-nosc {
	width: 890px;	
	margin-left:30px;
	margin-bottom:50px;

}

#contCistellaSC-nosc {
	width: 890px;	
	/*height:165px;
	overflow:auto;
	outline: none;*/
	border:none;
}

th.cap {
	margin-bottom:0;
	background-color:#000;
	color:#333;
	margin-left:1px;
	padding:5px;
	font-size:11px;
	color:#cb9f00;
	font-weight:normal;
	text-align:left;
}
td.cel {
	margin-bottom:0;
	background-color:#CCC;
	color:#333;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
}
.item {
	width:500px;
}
.preu {
	width:120px;
	text-align:right;
}
.quantitat {
	width:70px;
	text-align:center;
}
.quantitat input {
	text-align:right;
}
.eliminar {
	width:20px;
	/* background-image:url(../imgs/eliminar.png);
	background-repeat:no-repeat;
	background-position:5px center;
	padding-left:25px !important;
	font-size:11px !important; */
}
.eliminar img {
	border:none;
}
.eliminar a {
	color:#c92631;
	text-decoration:none;
}
td.total {
	margin-bottom:0;
	background-color:#fff;
	color:#333;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	font-size:13px;
	border-top: solid 2px #caab26;
}
.itemTotal {
	text-align:right;	
}
.subTotal {
	text-align:right;	
}
.reCalc {
	color: #333;	
	background-color:#ccc;
	text-align:right;
	font-size:11px !important;
	background-image:url(../imgs/refresh.png);
	background-position: 6px center;
	background-repeat: no-repeat;
}


#contCistella br {
	clear:left;	
}


#bCompra {
	padding-top:7px;
	padding-bottom:7px;
	padding-left:20px;
	padding-right:20px;	
	color:#fff;
	font-weight:bold;
	font-size:11px;
	float:right;
	clear:both;
	margin-top:40px;
	margin-right:95px;
}

/* Personalitzats*/
.thumbPer {
	float:left;
	width:76px;
	/*height:76px;*/
	margin:0 10px 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	display:inline;
}

.thumbPer img {
	display:block;
	margin-bottom:3px;
	padding-bottom:0px;
	border: 1px solid #A0A0A0;
}
.thumbPer a {
	/*color:#ff4800;*/
	color:#d0a510;	
	text-decoration:none;
}
.thumbPer a:hover {
	/*color:#ff4800;*/
	color:#d0a510;	
	text-decoration:underline;
}

h15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height:1.6em;
	color: #fff;
	font-weight: bold;
	padding-bottom:10px;
	display:block;
	clear:both;
}

.tornar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.2em;
	color: #c6471a;
	margin:38px 30px 0px 0px;
	float:right;
	width:80px;
	display:inline;
	text-align:right;
}
.tornar  a{
	color: #c6471a;
	text-decoration: none;
}
.tornar  a:hover{
	color: #c6471a;
	text-decoration: underline;
}


.punt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:1.2em;
	color: #c6471a;
}
.punt  a{
	color: #c6471a;
	text-decoration: none;
}
.punt  a:hover{
	color: #c6471a;
	text-decoration: none;
}

td{ 
	color:#ffffff;
	font-size:12px;
	line-height:1.3em;
	}
td a{ 
	color:#d0a510;
	text-decoration:none;
	}
td a:hover{ 
	color:#d0a510;
	text-decoration:underline;
	}
	
.puntsdev{ 
	color:#ffffff;
	font-size:12px;
	line-height:1.3em;
	}
.puntsdev a{ 
	color:#d0a510;
	text-decoration:none;
	}
.puntsdev a:hover{ 
	color:#d0a510;
	text-decoration:underline;
	}
	
.caldera{ color: #ff4400;}

/* PERSONALITZACIÓ BAQUETA */
#baketa {
	width:920px;
	height:40px;
	background-image: url(../imgs/baqueta-pers-tota.jpg);
	background-repeat: no-repeat;	
	margin-left:auto;
	margin-right:auto;
}

#area {
	width:700px;
	height:40px;
background-image: url(../imgs/baqueta-pers-tota.jpg);
	background-repeat: no-repeat;	
	background-position: left;
}

#baketa-tota {
	width:920px;
	height:90px;
	overflow-x:scroll;
	overflow-y:hidden;
	position:relative;
	margin-left:10px;
}
#area-fi {
	width:1840px;
	height:70px;
	display:block;
	/* background-image: url(../imgs/baqueta-pers-tota-fi.png); */
	background-repeat: no-repeat;	
	background-position: right top;
	
}
#capPers {
	height:200px;	
}
#zona {
	width:794px;
	margin-left:auto;
	margin-right:auto;
}
#instrucc {
	padding:20px;
	font-size:11px;
	color:#fff;	
}
#menu-pers {
	padding-top:20px;
	padding-bottom:25px;
	padding-left:25px;
}
#prodSC-pers{
	width: 315px;	
	height:260px;
	float:left;
	overflow:auto;
	outline: none;
	border:none;
	padding-left:30px;
}
.txtAjusta {
	padding-top:20px;
	clear:both;
	height:100px;
	margin-right:30px;
	
}
.txtAjusta2 {
	padding-top:20px;
	clear:both;
	height:20px;
	margin-right:30px;
	
}
.txtAjusta p, .txtAjusta2 p {
	font-size:11px !important;
}
#botons {
	text-align:center;
	clear:both;	
	margin-left:300px;
	padding-top:40px;
}
.botoPers {
	padding-top:7px;
	padding-bottom:7px;
	padding-left:20px;
	padding-right:20px;	
	color:#fff;
	font-weight:bold;
	font-size:11px;
	float:left;
	margin-right:10px;
	
}
.confirma {
	background-color:#660000;	
	border: solid 1px #dadada;	
	cursor:hand;
}
.confirma a {
	color:white !important;
	text-decoration:none;
	cursor:hand;
}
.torna {
	background-color:#666;	
	border: solid 1px #dadada;
}
.botoPers a {
	color:#fff;
	text-decoration:none;
}
.botoPers a:hover {
	color:#fff;
	text-decoration:none;
}

.linkEsq {
	float:left;
	color:#fff;
	font-weight:normal;
}
.linkDret {
	float:right;
	color:#fff;
	font-weight:normal;
}
#explicacio {
	float:left; 
	width:360px; 
	background-color:#8e8e8e; 
	font-size:11px; 
	margin-left:25px;
	margin-top:15px;
	padding:20px;
}
#explicacio p {
	font-size:11px;
	color:#333;	
	margin-left:0px !important;
	margin-bottom:10px;
	padding:0;
}

.movText {
	position:absolute;
	z-index:1000;
	
}

/* Registre Botiga */
#formBotiga {
	background-color: #292929;
	float: left;
	margin-top: 30px;
	margin-left: 30px;
	border: 1px solid #535353;
}
.formEs {
	float:left;	
	width: 430px;
}
.formDr {
	float:right;
	width: 430px;	
}
#formBotiga {
	padding-top:20px;
	padding-bottom:10px;
}

#formBotiga .camp_1 {
	float:left;
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin-bottom:5px;
	border: solid 1px #535353;
	background-color:#cccccc;
}
#formBotiga .label_1 {
	float:left;
	width:80px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	margin-left:30px;
}
#formBotiga .label_2 {
	float:left;
	width:120px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	margin-left:30px;
}
#formBotiga .camp_2 {
	float:left;
	width:220px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	margin-bottom:5px;
	border: solid 1px #535353;
	background-color:#cccccc;
}
#formBotiga .label_3 {
	float:left;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	margin-left:5px;
	margin-bottom:10px;
}
#formBotiga .check {
	float:left;
	margin-left:30px;
	
}
#formBotiga .legal {
	float:left;
	width:80px;
	padding-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCCCCC;
	margin-left:20px;
}

#formBotiga .legal a {
	/*color:#ff4800;*/
	color:#d0a510;
	text-decoration:none;
}

#formBotiga .legal a:hover {
	/*color:#ff4800;*/
	color:#d0a510;
	text-decoration:underline;
}


#formBotiga .bEnvia {
	float:left;
	width:210px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	padding-top:5px;
	
}
#formBotiga .bEnvia2 {
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	padding-top:5px;
	margin-right:30px;
}
#formBotiga .bEnvia3 {
	width:280px;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	padding-top:5px;
	padding-bottom:15px;
	margin-right:30px;
}
#formBotiga .boto2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	/*color: #FF4800;*/
	background-color:#660000;	
	border: solid 1px #dadada;	
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	cursor:hand;
	color:#fff !important;
}
#formBotiga .boto2 a {
	color:#fff !important;
}
#formBotiga br {
	clear:left;
}
#formBotiga a {
	color:#d0a510;	
	text-decoration:none;
}
#formBotiga a:hover {
	color:#d0a510;	
	text-decoration:underline;
}
#tbResum {
	margin-left:30px;
}
#tbResum td, #tbResum th {
	padding:3px;
	font-size:11px;
}
#tbResum td.cel {
	background-color:#ccc;
}
#tbResum .item {
	width:230px;
}
#tbResum .quantitat {
	width:30px;
	text-align:right;
}
#tbResum .preu {
	width:70px;
	text-align:right;
}
#tbResum td.cel2 {
	background-color:#fff;
	color:#333;
}
#tbResum .concepte {
	text-align:right;
}
