/* BODY */
HTML {
background-image:url(../img/background.gif);
background-repeat:repeat;
padding:0px;
text-align:center;
text-decoration:none;
font-family: "Century Gothic";
font-size: 11px;
color: #000000;
margin:0px;
}

a 
{
font-family:"Century Gothic"; font-size: 11px; color: #660066;
text-decoration:none;
}
a:HOVER
{
font-size:11px;
color:#FF9900;
text-decoration:none;
}

p, p:HOVER{
font-family:inherit; font-size: inherit; color: inherit;
}

TD{
font-family: "Century Gothic"; font-size: 11px; color: #000000;
text-decoration:none;
}

tr.special{background-color:;}
tr.special:hover{background-color:#E8FFCF;}

h1{
font:inherit;
font-family:inherit;
display:inline;
font-size:13px;
}
.h1{
display:inline;
font:inherit;
font-weight:inherit;
font-size:inherit;
}

table.basket1{

}
tr.basket1, td.basket1{
color:#666666;
font-size : 12px;
font-family:"Courier New", Courier, monospace;
text-decoration: none;
padding:5px;
}
tr.basket2, td.basket2{
color: #CC0066;
font-weight: bolder;
font-size : 12px;
text-decoration: none;
font-family:"Courier New", Courier, monospace;
}

tr.basket3, td.basket3{
background-color:transparent;
color: #CC0066;
font-family:"Century Gothic";
font-weight: bolder;
font-size : 25px;
text-decoration: none;
}

tr.basket4, td.basket4{
background-color:transparent;
color: #919148;
font-family:"Courier New", Courier, monospace;
font-size : 12px;
text-decoration:underline;
}

/*Titol columnes*/
.Titolmenu {
	font-family: "Century Gothic";
	color: #660066;
	font-weight: bolder;
	font-size : 25px;
	text-decoration: none;
	padding-left:0px;
}
a.Titolmenu {
	font-family: "Century Gothic";
	color: #660066;
	font-weight: bolder;
	font-size : 25px;
	text-decoration: none;
	padding-left:0px;
}
a:HOVER.Titolmenu {
	font-family: "Century Gothic";
	color:#FF9900;
	font-weight: bolder;
	font-size : 25px;
	text-decoration: none;
	padding-left:0px;
}

.titolpages {
	font-family: "Century Gothic";
	color: #000000;
	font-weight: bolder;
	font-size : 18px;
	text-decoration: none;
	padding-left:0px;
}
a.titolpages {
	font-family: "Century Gothic";
	color: #000000;
	font-weight: bolder;
	font-size : 18px;
	text-decoration: none;
}
a:HOVER.titolpages {
	font-family: "Century Gothic";
	color: #000000;
	font-weight: bolder;
	font-size : 18px;
	text-decoration: none;
	padding-left:0px;
}

.footer {
	font-family: "Century Gothic";
	color:#888888;
	font-weight: bolder;
	font-size : 11px;
	text-decoration: none;
	padding-left:10px;
}
a.footer {
	font-family: "Century Gothic";
	color: #888888;
	font-weight: bolder;
	font-size : 11px;
	text-decoration: none;
	text-transform:uppercase;
}
a:HOVER.footer {
	font-family: "Century Gothic";
	color: #772932;
	font-weight: bolder;
	font-size : 11px;
	text-decoration: none;
	text-transform:uppercase
}



.cats_spacer{
	/*background-image:url(../img/cats_spacer.jpg);*/
	height:2px;
}

.headerfont {
	font-family:"Courier New", Courier, monospace;
	color: #666666;
	font-size : 12px;
	text-decoration: none;
}

a.headerfont {
	font-family:"Courier New", Courier, monospace;
	color: #666666;
	font-size : 12px;
	text-decoration: none;
}
a:HOVER.headerfont {
	font-family:"Courier New", Courier, monospace;
	color: #FF9900;
	font-size : 12px;
	text-decoration: none;
}

.headerfont2 {
	font-family:"Century Gothic";
	color: #660066;
	font-size : 20px;
	text-decoration: none;
}

a.headerfont2 {
	font-family:"Century Gothic";
	color: #660066;
	font-size : 20px;
	text-decoration: none;
}
a:HOVER.headerfont2 {
	font-family:"Century Gothic";
	color: #660066;
	font-size : 20px;
	text-decoration: none;
}


/*Titol principal pàgina*/


/*Titol principal quadres de compra*/
.titol2 {
	font-family : "Century Gothic";
	color:#FF9900;
	font-weight: bold;
	font-size:12px;
}
a.titol2 {
	font-family : "Century Gothic";
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
	font-size:12px;
}
a:HOVER.titol2 {
	font-family : "Century Gothic";
	color: #acacac;
	font-weight: bold;
	text-decoration:none;
	font-size:12px;
}


.titol3 {
	font-family : "Century Gothic";
	color: #ffffff;
	font-weight: bold;	
}
a.titol3 {
	font-family : "Century Gothic";
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
}
a:HOVER.titol3 {
	font-family : "Century Gothic";
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
}

/*Titol interiors quadres de compra*/
.titol4 {
	font-family: "Century Gothic";	font-size: 12px; color: #acacac; font-weight:bolder;
}
a.titol4 {
	font-family: "Century Gothic";	font-size: 12px; color: #acacac; font-weight:bolder;
}
a:HOVER.titol4 {
	font-family: "Century Gothic"; font-size: 12px; color: #fff; text-decoration : none;
}

.titolProd {
	font-family : "Century Gothic";
	color: #457B24;
	font-weight: bold;
	font-size: 10px;
	font-variant: small-caps;
}


/*Titol textes factura*/
.titolFact {
	font-family : "Century Gothic";
	color: #ffffff;
	font-weight: bold;	
}

/*Titol textes detall factura*/
.titolFact2 {
	font-family : "Century Gothic";
	color: #000000;
	font-weight: bold;	
}

. {
	font-family : "Century Gothic";
	color: #000000;
	font-weight: normal;
	font-size: 12px;
	font-style:italic;
}
a:hover. {
	font-family : "Century Gothic";
	color: #7BB1B3;
	font-weight: normal;
	font-size: 12px;
	font-style:italic;
}

.discount {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	padding-top:5px;
	padding-bottom:5px;
}

/* TEXT */
.preu1 {
	font-family: "Century Gothic";
	font-size: 42px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
.preu2 {
	font-family:'Century Gothic';
	font-size: 32px;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
.preu3 {
	font-family: "Century Gothic";
	font-size: 22px;
	font-weight: normal;
	color: #000;
	text-decoration: line-through;
}

.price1 {
	font-family:"Courier New", Courier, monospace;
	font-size: 14px;
	font-weight: bold;
	color: #CC0099;
}

.price2, a.price2{
	font-family:"Courier New", Courier, monospace;
	font-size: 14px;
	font-weight: bold;
	color: #660066;
}

a.price2:hover {
	font-family:"Courier New", Courier, monospace;
	font-size: 14px;
	font-weight: bold;
	color: #660066;
}



/*Menu pàgines accessories principals i categories, sense color, aplicat al lloc d'acció, per aprofitar l'acció del estil link aplicat*/

.mini
{
font-family:"Century Gothic";
font-size:10px;
color:#454545;
/*border:1px solid #000000;*/
}

/*Text de la botiga*/
.text {font-family: "Century Gothic"; font-size: 12px; color: #919148;}
a.text {font-family: "Century Gothic"; font-size: 12px; color: #919148; text-decoration:none;}
a.text:HOVER {font-family: "Century Gothic"; font-size: 12px; color: #FF9900; text-decoration:none;}

.text2 {font-family: "Century Gothic"; font-size: 15px; color: #000; font-weight:bolder;}
a.text2 {font-family: "Century Gothic"; font-size: 15px; color: #000; text-decoration:none;}
a.text2:HOVER {font-family: Helvetica; font-size: 15px; color: #000000; text-decoration:none;}

/* Texte de les columnes laterals */

.textmenu {font-family: "Century Gothic";	font-size: 14px; color: #660066; font-weight:bold;}
a.textmenu {font-family: "Century Gothic";	font-size: 14px; color: #660066; font-weight:bold;}
a:HOVER.textmenu {font-size: 14px;font-family: "Century Gothic";color: #fff; text-decoration : none;}

.textsubmenu {font-family: Verdana;	font-size: 12px; color: #330000; font-weight:bold;}
a.textsubmenu {font-family: Verdana;	font-size: 12px; color: #330000; font-weight:bold;}
a:HOVER.textsubmenu {font-family: Verdana;	font-size: 12px;color: #990000; text-decoration : none; font-size: 12px;font-weight:bold;}

a.textsubmenu2 {font-family: Verdana;	font-size: 12px;color: #990000; text-decoration : none; font-size: 12px;font-weight:bold;}

.textmenu2 {font-family: "Century Gothic";	font-size: 12px; color: #000; font-weight:normal;}
a.textmenu2 {font-family: "Century Gothic";	font-size: 12px; color: #000; font-weight:normal;}
a:HOVER.textmenu2 {color: #F73900; text-decoration : none; font-size: 12px;}

.textmenu3 {font-family: "Century Gothic";	font-size: 11px; color: #acacac; font-weight:normal;}
a.textmenu3 {font-family: "Century Gothic";	font-size: 11px; color: #acacac; font-weight:normal;}
a:HOVER.textmenu3 {color: #fff; text-decoration : none;}

.textmenu4 {font-family: "Century Gothic";	font-size: 12px; color: #808080; font-weight:normal;}
a.textmenu4 {font-family: "Century Gothic";	font-size: 12px; color: #808080; font-weight:normal;}
a:HOVER.textmenu4 {color: #000; text-decoration : none;}


.textlogo {font-family: "Century Gothic"; color: #fff; font-size : 32px; vertical-align:bottom;}
.textslogan {font-family: "Century Gothic"; color: #fff; font-size : 16px;}

/* Texte del header */
.textheader {font-family : "Century Gothic"; color: #8DBA19; font-size : 12px; font-weight: bold;}
a:HOVER.textheader {font-family : "Century Gothic"; color: #ADE02A; font-size : 12px; text-decoration : none; font-style:italic;}

/* Texte del footershop */
.footershop {font-family : "Century Gothic"; color: #ffffff; font-size : 10px;}
a.footershop {font-family : "Century Gothic"; color: #ffffff; font-size : 10px; text-decoration : none;}
a:HOVER.footershop {font-family : "Century Gothic"; color: #dd00dd; font-size : 10px; text-decoration : underline;}


/* Texte error */
.error {font-family: "Century Gothic"; font-size: 12px; color:#FF9900; font-weight:bold;}
.formerror {color: #FF9900; font-weight: bold; font-size:12px; font-family:"Century Gothic";}


/* LINKS */
.header, TD.header, A.header {
	color : #FFFFFF;
}


.footer, TD.footer {color: #828282;	font-size : 10px;}


/* FORMS */

FORM {
	display: inline;
}

INPUT.search-global {
	font-family : "Century Gothic";
	color : #888;
	font-size : 11px;
	border: none;
	border-color: #999999;
	border-width: 1px;
	background-position:right top;
	background-color:#FFFFFF;
}

INPUT.formfield, SELECT.formfield, TEXTAREA.formfield, SELECT.formfieldcombo {
	font-family:"Courier New", Courier, monospace;
	font-color : #666666;
	font-size : 11px;
	border: solid;
	border-color: #999999;
	border-width: 1px;
	background-position:right top;
	/*background-image: url(../img/login_background.png);*/
}

INPUT.formfield2, SELECT.formfield2, TEXTAREA.formfield2, SELECT.formfieldcombo2 {
	font-family:"Century Gothic";
	font-color : #666666;
	font-size : 11px;
	border: solid;
	border-color: #999999;
	border-width: 1px;
	background-position:right top;
	/*background-image: url(../img/login_background.png);*/
}

INPUT.login, SELECT.login, TEXTAREA.login {
	font-family:"Courier New", Courier, monospace;
	font-color : #666666;
	font-size : 11px;
	height: 14px;
	border: solid;
	border-color: #999999;
	border-width: 1px;
	background-position:right top;
	/*background-image: url(../img/login_background.png);*/
}

INPUT.text, SELECT.text, TEXTAREA.text {
	font-family : "Century Gothic";
	font-color : #000000;
	font-size : 11px;
	border-collapse:collapse;
	border:solid;
	border-color:#dddddd;
	height:18px;
	border-width: 1px;
	background-position:right;
	background-image: url(../img/login_background.png);
}

TH.formhead {
	font-family : "Century Gothic";
	font-size : 10px;
	font-weight: bold;
	color : #8C8C8C;	
	background-color: #FFFFFF;
	text-align: left;
}


TH.formhead-error {
	font-family : "Century Gothic";
	font-size : 10px;
	font-weight: bold;
	color : #ff0000;	
	background-color: #ffffff;
	text-align: left;
}

.formhelp {	color : #2986C8;}

.submitmsg {	
	font-family: "Century Gothic";
	font-size: 11px;
	font-weight: bolder;
	text-align:center;
	color:#ffffff;
	width:102px;
	height:22px;
	border: none;
	background-image:url(../img/btnmsg.jpg);
	cursor:pointer;
}

.submit, .submit3, .submit4  {	
	font-family: "Century Gothic";
	font-size: 11px;
	font-weight: bolder;
	text-align:center;
	color:#919148;
	border: none;
	background-color:transparent;
	cursor:pointer;
	border:1px solid #919148;
}
.submit:HOVER,  .submit3:HOVER, .submit4:HOVER {
	background-color:transparent;
	color:#CC6666;
	border:1px solid #CC6666;
}

.submitVolver{
font-family: "Century Gothic";
	font-size: 11px;
	text-align:center;
	color:#919148;
	border: none;
	background-color:transparent;
	cursor:pointer;
	background-image:url(../img/volver.png);
	height:16px;
	background-repeat:no-repeat;
	background-position:left;
	padding-left:23px;
	text-transform:lowercase;
}

.submitVolver:hover{
	background-image:url(../img/volverH.png);
	height:16px;
	color:#CC6699;
}

.submitAnular{
	font-family: "Century Gothic";
	font-size: 11px;
	text-align:center;
	color:#919148;
	border: none;
	background-color:transparent;
	cursor:pointer;
	background-image:url(../img/anular.png);
	height:17px;
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
	text-transform:lowercase;
}

.submitAnular:hover{
	background-image:url(../img/anularH.png);
	height:17px;
	color:#CC6699;
}

.submitCalcular{
	font-family: "Century Gothic";
	font-size: 11px;
	text-align:center;
	color:#919148;
	border: none;
	background-color:transparent;
	cursor:pointer;
	background-image:url(../img/calcular.png);
	height:26px;
	background-repeat:no-repeat;
	background-position:left;
	padding-left:18px;
	text-transform:lowercase;
}

.submitCalcular:hover{
	background-image:url(../img/calcularH.png);
	height:26px;
	color:#CC6699;
}

.submitFinalizar{
	font-family: "Century Gothic";
	font-size: 16px;
	font-weight: bolder;
	text-align:center;
	color:#CC0066;
	border: none;
	background-color:transparent;
	cursor:pointer;
	background-image:url(../img/confirm.png);
	background-repeat:no-repeat;
	text-transform:lowercase;
	width:195px;
	height:119px;
}

.submitFinalizar:hover{
	background-image:url(../img/confirmH.png);
	height:119px;
	color:#FF00CC;
}



.infobutton {
	font-family: "Century Gothic";
	font-size: 38px;
	font-weight: bolder;
	text-align:right;
	color:#000000;
	border: none;
	/*background-image:url(../img/buttonpreu.gif);
	background-color:#ffffff;*/
	background-color:#96BFC3;
	border:1px solid #D3D3D3;
}
.infobutton:HOVER {
	/*background-image:url(../img/buttonpreu2.gif);
	background-color:#FFFFFF;*/
	background-color:#C1D9DB;
	border: 1px solid #D3D3D3;
	color:#fff;
	cursor:pointer;
}

.buy {
	font-family: "Century Gothic";
	font-size: 12px;
	font-weight: bolder;
	text-align:center;
	color:#ffffff;
	border: none;
	/*background-image:url(../img/buttonB1.jpg);
	background-color:#ffffff;*/
	background-color:#96BFC3;
	border:1px solid #D3D3D3;
	cursor:pointer;
}
.buy:HOVER {
	/*background-image:url(../img/buttonB1b.jpg);
	background-color:#FFFFFF;*/
	background-color:#C1D9DB;
	border: 1px solid #D3D3D3;
}

.moreinfo {
	font-family: "Century Gothic";
	font-size: 10px;
	font-weight: normal;
	color:#ffffff;
	/*background-image:url(../img/moreinfo1.jpg);
	background-color:#ffffff;*/
	cursor:pointer;
	background-color:#96BFC3;
	border:1px solid #D3D3D3;
}
.moreinfo:HOVER {
	/*background-image:url(../img/moreinfo2.jpg);
	background-color:#FFFFFF;*/
	background-color:#C1D9DB;
	border: 1px solid #D3D3D3;
}

.loginBtn {
	font-family: "Century Gothic";
	font-size: 10px;
	font-weight: normal;
	color:#ffffff;
	width:39px;
	height:39px;
	border: none;
	background-image:url(../img/login1.jpg);
	background-color:#ffffff;
	cursor:pointer;
}
.loginBtn:HOVER {
	background-image:url(../img/login2.jpg);
	background-color:#FFFFFF;
}

td.titleheader
{
text-align:left;
/*background-image:url(../img/title_background.jpg);*/
background-repeat:no-repeat;
height:24px;
font-family: "Century Gothic";
color: #ffffff;
font-weight: lighter;
font-size : 15px;
text-decoration: none;
padding-left:15px;
}

.headmenu{
 height:40px;
 color:#000000;
 text-align:center;
 font-size:12px;
 font-weight:bold;
 font-style:normal;
 vertical-align: middle;
 }
 
td.main_headmenu{
 text-align:left;
 vertical-align: middle;
 text-transform:capitalize;
 padding-left:10px;
 }
 

.prodName{
color:#fff;
font-size:12px;
font-weight:bolder;
text-decoration:none;
font-family: "Century Gothic";
}
a.prodName, h1.prodName{
color:#fff;
font-size:12px;
font-weight:bolder;
text-decoration:none;
}
a.prodName:hover, h1.prodName:Hover{
color:#acacac;
font-size:12px;
font-weight:bolder;
text-decoration:none;
font-family: "Century Gothic";
}

.prodName2, a.prodName2, a.ProdName2:hover {
	text-align:right;
	font-family: "Century Gothic";
	color: #474747;
	font-size : 30px;
	font-weight: bold;
}


#box {
position:absolute;
border:none;
top:180px;
left:0px;
width:99%;
height:200px;
}
#boxContent{/*
width:300px;
height:100%;
border:1px solid #666666;
background-color:#CCCCCC;*/
}

.translucid{
opacity:0.98;
filter:alpha(opacity=98);
}

.textblanc9{
	font-family: "Century Gothic"; font-size: 12px; color: #919148;}

.textvermell9{
font-family: "Century Gothic"; font-size: 12px; color: #ff0000;}

.descrip, a.descrip{
font-size:12px; font-family:'Courier New', Courier, monospace; color:#666666;
}

a.descrip:hover{
font-size:12px; font-family:'Courier New', Courier, monospace; color:#660066;
}

.textfooter, a.textfooter{
font-family:'Century Gothic'; font-size:11px; color:#000033;
font-weight:bold;
}

.textInfo{
font-family:"Courier New", Courier, monospace;
font-size:12px;
color:#666666;
}

.buttonBuy{
width:109px;
height:92px;
color:#990000;
font-family:'Courier New', Courier, monospace;
font-size:12px;
background-image:url(../img/buttonBuy.png);
background-repeat:no-repeat;
background-color:transparent;
border:none;
vertical-align:text-bottom;
cursor:pointer;
}
.nameProd, a.nameProd{
color:#919148;
font-family:'Courier New', Courier, monospace;
font-size:18px;
font-weight:bold;
text-decoration:underline;
}

a.nameProd:hover{
color:#FF9900;
font-family:'Courier New', Courier, monospace;
font-size:18px;
font-weight:bold;
text-decoration:underline;
}

.textPages{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#660066;
font-size:11px;
}

.TitolSearch{
color:#FF9900;
font-family:'Courier New', Courier, monospace;
font-size:18px;
font-weight:bold;
text-decoration:underline;
}

.mainTdSalesTable{}
.maindivSalesTable{vertical-align:top;}
.mainTableSales{}