/* MENU ESQUERRA ---------------------------------------------------------------------------- */

/* BODY */
BODY {
background-color:#ffffff;
background-repeat:repeat-x;
text-align:center;
text-decoration:none;
font-family: "Century Gothic";
font-size: 12px;
color: #000000;
}

p, p:HOVER{
font-family: "Century Gothic"; font-size: 12px; color: #000000;
}

TD{
font-family: "Century Gothic"; font-size: 12px; color: #000000;
text-decoration:none;
}

tr.special{background-color:;}
tr.special:hover{background-color:#ececec;}

a 
{
font-family: "Century Gothic"; font-size: 11px; color: #000000;
text-decoration:none;
}
a:HOVER
{
font-size:11px;
color: #e54343;
text-decoration:none;
}

.h1{
display:inline;
font:inherit;
font-weight:inherit;
font-size:inherit;
}

.coldreta{
	background-color:#ffffff;
	width:153px;
	padding:0px;
	vertical-align:top;
}
.colesq{
	background-color:#ffffff;
	width:25%;
	vertical-align:top;
	border-right:1px solid #999999;
}
.colcentre{
	width:75%;
	height:400px;
	padding-top:10px;
	vertical-align:top;
}

table.basket1{
background-color:#E5E5E5;
border:none;
}
tr.basket1, td.basket1{
background-color:#ffffff;
color:#000000;
font-family: "Century Gothic";
font-weight: normal;
font-size : 12px;
text-decoration: none;
}
tr.basket2, td.basket2{
background-color:#E5E5E5;
/*background-image:url(../img/bgTable.jpg);*/
font-family: "Century Gothic";
color: #707070;
font-weight: bolder;
font-size : 13px;
text-decoration: none;
}

/*Titol columna esquerra*/
.Titolmenu {
	font-family: "Century Gothic";
	color: #c93f3f;
	font-weight: bold;
	font-size : 15px;
}
a.Titolmenu {
	font-family: "Century Gothic";
	color: #c93f3f;
	font-weight: bold;
	font-size : 15px;
}
a:HOVER.Titolmenu {
	font-family: "Century Gothic";
	color: #c93f3f;
	font-weight: bold;
	font-size : 15px;
	text-decoration: none;
}


.headerfont {
	font-family: "Century Gothic";
	color: #fdfdfd;
	font-weight: bolder;
	font-size : 12px;
	text-decoration: none;
	padding-left:10px;
}
a.headerfont {
	font-family: "Century Gothic";
	color: #ededed;
	font-weight: bolder;
	font-size : 12px;
	text-decoration: none;
}
a:HOVER.headerfont {
	font-family: "Century Gothic";
	color: #ededed;
	font-weight: bolder;
	font-size : 12px;
	text-decoration: none;
}


/*Titol principal pàgina*/


/*Titol principal quadres de compra*/
.titol3 {
	
	color: #ffffff;
	font-weight: bold;	
}
a.titol3 {
	
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
}
a:HOVER.titol3 {
	
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
}

/*Titol interiors quadres de compra*/
.titol4 {
	font-family: "Century Gothic";	font-size: 13px; color: #707070; font-weight:bolder;
}
a.titol4 {
	font-family: "Century Gothic";	font-size: 13px; color: #707070; font-weight:bolder;
}
a:HOVER.titol4 {
	font-family: "Century Gothic"; font-size: 13px; color: #e54343; text-decoration : none;
}

.titolProd {
	
	color: #457B24;
	font-weight: bold;
	font-size: 10px;
	font-variant: small-caps;
}


/*Titol textes factura*/
.titolFact {
	
	color: #ffffff;
	font-weight: bold;	
}

/*Titol textes detall factura*/
.titolFact2 {
	
	color: #000000;
	font-weight: bold;	
}

.titolpages {
	
	color: #454545;
	font-weight: bold;
	font-size: 12px;
	font-variant: small-caps;
}

.discount {
	font-family: "Century Gothic";
	font-size: 13px;
	font-weight: bold;
	color: #96C700;
	text-decoration: none;
}

/* TEXT */
.preu1 {
	font-family: "Century Gothic";
	font-size: 17px;
	font-weight: bold;
	color: #0042ff;
	text-decoration: none;
}
.preu2 {
	font-family: "Century Gothic";
	font-size: 15px;
	font-weight: bold;
	color: #0042ff;
	text-decoration: none;
}
.preu3 {
	font-family: "Century Gothic";
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: line-through;
}

.bigprice {
	font-family: "Century Gothic";
	font-size: 46px;
	font-weight: bold;
	color: #EF8D24;
	text-decoration: none;
}

/*Menu pàgines accessories principals i categories, sense color, aplicat al lloc d'acció, per aprofitar l'acció del estil link aplicat*/
.menu { font-size: 10px;}

.mini
{
font-family:"Century Gothic" black;
font-size:10px;
color:#454545;
/*border:1px solid #000000;*/
}

/*Text de la botiga*/
.text {font-family: "Century Gothic"; font-size: 12px; color: #000000;}
a.text {font-family: "Century Gothic"; font-size: 12px; color: #000000; text-decoration:none;}
a.text:HOVER {font-family: "Century Gothic"; font-size: 12px; color: #e54343; text-decoration:none;}

.text2 {font-family: "Century Gothic"; font-size: 16px; color: #c93f3f; font-weight:bold;}
a.text2 {font-family: "Century Gothic"; font-size: 16px; color: #c93f3f; font-weight:bold; text-decoration:none;}
a.text2:HOVER {font-family: "Century Gothic"; font-size: 16px; color: #bd1313; font-weight:bold; text-decoration:none}

/* Texte de les columnes laterals */
.textmenu {font-family: "Century Gothic";	font-size: 13px; color: #818181; font-weight:normal;}
a.textmenu {font-family:"Century Gothic"; font-size: 13px; color: #818181; text-decoration : none;}
a:HOVER.textmenu {color: #bd1313; text-decoration : none;}

.textmenublanc {font-family: "Century Gothic";	font-size: 13px; color: #707070; font-weight:bolder;}
a.textmenublanc {font-family: "Century Gothic"; font-size: 13px; color: #707070; text-decoration : none;}
a:HOVER.textmenublanc {font-family: "Century Gothic"; font-size: 13px; color: #e54343; text-decoration : none;}



/* Texte del footershop */
.footershop { color: #ffffff; font-size : 10px;}
a.footershop { color: #ffffff; font-size : 10px; text-decoration : none;}
a:HOVER.footershop { color: #eeeeee; font-size : 10px; text-decoration : underline;}


/* Texte error */
.error { font-size: 10px; color : green;}
.formerror {color: #D50000; font-weight: bold;}


/* LINKS */

A {	 color : #666666; text-decoration : none;}

A:HOVER {text-decoration : underline; }

a.link { 
	font-size: 10px;
	color: #828282;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
}

a:HOVER.link {
	
	font-size: 10px;
	color: #B0B0B0;
	font-weight: bold;
	text-decoration: none;
	background-color: none;
	font-variant: small-caps;	
}

.header, TD.header, A.header {
	color : #FFFFFF;
}


.footer, TD.footer {color: #828282;	font-size : 10px;}


/* FORMS */

FORM {
	display: inline;
}

INPUT.search-global {
	
	font-color : #000000;
	font-size : 10px;
	height: 14px;
	border: solid;
	border-color: #757575 #757575 #b2b2b2 #b2b2b2;
	border-width: 1px;
	background-position:right top;
	background-image: url(../img/login_background.gif);
}

INPUT.formfield, SELECT.formfield, TEXTAREA.formfield {
	
	font-color : #000000;
	font-size : 11px;
	border: solid;
	border-color: #757575 #757575 #b2b2b2 #b2b2b2;
	border-width: 1px;
	background-position:right top;
	background-image: url(../img/login_background.png);
}

INPUT.login, SELECT.login, TEXTAREA.login {
	
	font-color : #000000;
	font-size : 11px;
	height: 14px;
	border: solid;
	border-color: #757575 #757575 #b2b2b2 #b2b2b2;
	border-width: 1px;
	background-position:right top;
	background-image: url(../img/login_background.png);
}

INPUT.quantity {
	font-color : #000000;
	font-size : 11px;
	height: 13px;
	width: 20px;
	border: solid;
	border-color: #757575 #757575 #b2b2b2 #b2b2b2;
	border-width: 1px;
	background-position:right top;
	background-image: url(../img/login_background.png);
}


INPUT.text, SELECT.text, TEXTAREA.text {
	
	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-size : 10px;
	font-weight: bold;
	color : #8C8C8C;	
	background-color: #FFFFFF;
	text-align: left;
}


TH.formhead-error {
	
	font-size : 10px;
	font-weight: bold;
	color : #ff0000;	
	background-color: #ffffff;
	text-align: left;
}


.formhelp {	color : #2986C8;}

.submit {
	font-family: "Century Gothic";
	font-size: 12px;
	font-weight: bold;
	background-color: #ffffff;
	color: #ffffff;
	border:1px solid #d63030;
	background-image:url(../img/buttonBG.jpg);
}
.submit:HOVER {
	background-image:url(../img/buttonBG2.jpg);
}


.SearchSubmit
{
border:none;
background-color:#d0d0d0;
width:19px; height:18px;
background-image: url(../img/search.gif);
cursor:pointer;
}
.SearchSubmit:HOVER
{
background-image: url(../img/search2.gif);
}

table.smallProd2{
background-image:url(../img/BgSmall.gif);
width:150px;
height:195px;
}
table.smallProd{
background-image:url(../img/BgSmall.jpg);
width:150px;
height:195px;
}
/*.submit {
	font-family: "Century Gothic";
	font-size: 10px;
	font-weight: normal;
	color:#ffffff;
	width:58px;
	height:25px;
	padding-bottom:5px;
	padding-right:7px;
	padding-left:3px;
	border: none;
	background-image:url(../img/button2.jpg);
	background-color:#F8B657;
}
.submit:HOVER {
	background-image:url(../img/button1.jpg);
	background-color:#EF8D24;
}*/



.buy {
	font-family: "Century Gothic";
	font-size: 12px;
	font-weight: bold;
	background-color: #ffffff;
	color: #ffffff;
	border:0px solid #d63030;
	background-image:url(../img/buyA.gif);
	height:18px;
	width:86px;
}
.buy:HOVER {
	background-image:url(../img/buyB.gif);
}


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;
}

#ZOOM {
	LEFT: 20px; POSITION: absolute; TOP: 20px
}

td.marc_no{
width: 9px;
height: 9px;
background-image:url(../img/border/no.jpg);
}
td.marc_n{
height: 9px;
background-image:url(../img/border/n.jpg);
}
td.marc_ne{
width: 9px;
height: 9px;
background-image:url(../img/border/ne.jpg);
}
td.marc_o{
width: 9px;
background-image:url(../img/border/o.jpg);
}
td.marc_e{
width: 9px;
background-image:url(../img/border/e.jpg);
}
td.marc_so{
width: 9px;
height: 9px;
background-image:url(../img/border/so.jpg);
}
td.marc_s{
height: 9px;
background-image:url(../img/border/s.jpg);
}
td.marc_se{
width: 9px;
height: 9px;
background-image:url(../img/border/se.jpg);
}


td.highlight_no{
width: 9px;
height: 9px;
background-image:url(../img/border/h_no.jpg);
}
td.highlight_n{
height: 9px;
background-image:url(../img/border/h_n.jpg);
}
td.highlight_ne{
width: 9px;
height: 9px;
background-image:url(../img/border/h_ne.jpg);
}
td.highlight_o{
width: 9px;
background-image:url(../img/border/h_o.jpg);
}
td.highlight_e{
width: 9px;
background-image:url(../img/border/h_e.jpg);
}
td.highlight_so{
width: 9px;
height: 9px;
background-image:url(../img/border/h_so.jpg);
}
td.highlight_s{
height: 9px;
background-image:url(../img/border/h_s.jpg);
}
td.highlight_se{
width: 9px;
height: 9px;
background-image:url(../img/border/h_se.jpg);
}

td.headmenu{
 text-align:left;
 vertical-align: middle;
 }
 
td.main_headmenu{
	font-family: "Century Gothic";
 text-align:left;
 vertical-align: middle;
 border-bottom:1px dashed #999999;
 padding-bottom:10px;
 }
 
.moreButton{
font-family: "Century Gothic";
font-size: 10px;
font-weight:normal;
text-align:center;
padding:0px 2px 4px 0px;
color:#ffffff;
border:none;
width:49px;
height:23px;
background-color:#ffffff;
background-image:url(../img/b1.jpg);
}
.moreButton:HOVER{
background-color:#ffffff;
background-image:url(../img/b1h.jpg);
}

.prodName{
color:#a3a3a3;
font-size:14px;
font-weight:bolder;
text-decoration:none;
font-family:"Century Gothic";
}
a.prodName{
color:#a3a3a3;
font-size:14px;
font-weight:bolder;
text-decoration:none;
font-family:"Century Gothic";
}
a.prodName:hover{
color:#a3a3a3;
font-size:14px;
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;
}


table.moreinfo2{
}

table.moreinfo{
}

.goR{border:none; background-color:#ffffff; background-image:url(../img/goR.gif); width:26px; height:26px;}

.goR:HOVER{ background-image:url(../img/goR2.gif); width:26px; height:26px;}

.goL{border:none; background-color:#ffffff; background-image:url(../img/goL.gif); width:26px; height:26px;}

.goL:HOVER{background-image:url(../img/goL2.gif); width:26px; height:26px;}

.navigatorShop {font-family: "Century Gothic";	font-size: 13px; color: #3e3e3e; font-weight:normal;}
a.navigatorShop {font-family:"Century Gothic"; font-size: 13px; color: #3e3e3e; text-decoration:none;}
a.navigatorShop:HOVER {color: #bd1313; text-decoration : none; font-weight:normal;}

.main_headmenu{
font-family:"Century Gothic";	font-size: 14px; color: #c93f3f; font-weight:bold;
}
a.main_headmenu{
font-family:"Century Gothic";	font-size: 14px; color: #c93f3f; font-weight:bold;
}
a.main_headmenu:HOVER{
font-family:"Century Gothic";	font-size: 14px; color: #bd1313; font-weight:bold; text-decoration:none;
}

/* Texte del header */
.textheader {font-family : "Century Gothic"; color: #818181; font-size:12px; font-weight: normal;}
a.textheader {font-family : "Century Gothic"; color: #818181; font-size:12px; font-weight: normal; text-decoration : none;}
a:HOVER.textheader {font-family : "Century Gothic"; color: #bd1313; font-size:12px; font-weight: normal; text-decoration : none;}
