/* MENU ESQUERRA ---------------------------------------------------------------------------- */

/* BODY */
BODY {
background-color:#000000;
background-repeat:repeat-x;
text-align:center;
text-decoration:none;
font-family: Century Gothic;
font-size: 12px;
color: #000000;
margin:0px;
}

.body1{
background-color:#ffffff;
background-repeat:repeat-x;
text-align:center;
text-decoration:none;
font-family: Century Gothic;
font-size: 12px;
color: #000000;
}

#scroll {
	width:620px;
	height:230px;
	overflow-y:auto;
}

.scrollclass{
SCROLLBAR-FACE-COLOR:#000000; 
SCROLLBAR-HIGHLIGHT-COLOR: #000000; 
SCROLLBAR-SHADOW-COLOR: #000000; 
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #FFFFFF; 
SCROLLBAR-TRACK-COLOR: #ffffff; 
SCROLLBAR-DARKSHADOW-COLOR: #000000;/**/
}

p, p:HOVER{
font-family: Century Gothic; font-size: 12px; color: #ffffff;
}

TD{
font-family: Century Gothic; font-size: 12px; color: #000000;
text-decoration:none;
}


tr.special{background-color:;}
tr.special:hover{background-color: #333333;}



a 
{
font-family: Century Gothic; font-size: 11px; color: #000000;
text-decoration:none;
}
a:HOVER
{
font-size:11px;
color: #8DBA19;
text-decoration:none;
}

.h1{
display:inline;
font:inherit;
font-weight:inherit;
font-size:inherit;
}

table.basket1{
background-color:#ffffff;
border:none;
color:#98989B;
font-weight:bold;
border-bottom:solid 1px #FFFFFF;
}
tr.basket1, td.basket1{
background-color:#000000;
color:#98989B;
font-family: Century Gothic;
font-weight: normal;
font-size : 12px;
text-decoration: none;
}
tr.basket2, td.basket2{
background-color:#000000;
/*background-image:url(../img/bgTable.jpg);*/
font-family: Century Gothic;
color: #98989B;
font-weight: bolder;
font-size : 13px;
text-decoration: none;
}

/*Titol columna esquerra*/
.Titolmenublanc {
	font-family: Century Gothic;
	color: #ffffff;
	font-weight: bold;
	font-size : 10px;
	text-decoration: none;
}
a.Titolmenublanc {
	font-family: Century Gothic;
	color: #ffffff;
	font-weight: bold;
	font-size : 10px;
	text-decoration: none;
}
a:HOVER.Titolmenublanc {
	font-family: Century Gothic;
	color: #F6AAA6;
	font-weight: bold;
	font-size : 10px;
	text-decoration: none;
}
.Titolmenu {
	font-family: Century Gothic;
	color: #ffffff;
	font-weight: bolder;
	font-size : 14px;
	text-decoration: none;
	padding-left:0px;
}
a.Titolmenu {
	font-family: Century Gothic;
	color: #ffffff;
	font-weight: bolder;
	font-size : 14px;
	text-decoration: none;
}
a:HOVER.Titolmenu {
	font-family: Century Gothic;
	color: #FF0000;
	font-weight: bolder;
	font-size : 14px;
	text-decoration: none;
}


.headerfont {
	font-family: Century Gothic;
	color: #fdfdfd;
	font-weight: bolder;
	font-size : 12px;
	text-decoration: none;
}
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;
}

.Titolmenu2 {
	font-family: Century Gothic;
	color: #ffffff;
	font-weight: bolder;
	font-size : 10px;
	text-decoration: none;
}
a.Titolmenu2 {
	font-family: Century Gothic;
	color: #ffffff;
	font-weight: bolder;
	font-size : 10px;
	text-decoration: none;
}
a:HOVER.Titolmenu2 {
	font-family: Century Gothic;
	color: #E32322;
	font-weight: bolder;
	font-size : 10px;
	text-decoration: none;
}

/*Titol principal pàgina*/


/*Titol principal quadres de compra*/
.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: #707070; font-weight:bolder;
}
a.titol4 {
	font-family: Century Gothic;	font-size: 12px; color: #707070; font-weight:bolder;
}
a:HOVER.titol4 {
	font-family: Century Gothic; font-size: 12px; color: #8DBA19; 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;	
}

.titolpages {
	font-family : Century Gothic;
	color: #454545;
	font-weight: bold;
	font-size: 12px;
	font-variant: small-caps;
}

.discount {
	font-family: Century Gothic;
	font-size: 13px;
	font-weight: bold;
	color: #B8B8B8;
	text-decoration: none;
}

/* TEXT */
.preu1 {
	font-family: Century Gothic;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.preu2 {
	font-family: Century Gothic;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	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: 24px;
	font-weight: bold;
	color: #ffffff;
	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-family : Century Gothic; 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: #ffffff;}
a.text {font-family: Century Gothic; font-size: 12px; color: #ffffff; text-decoration:none;}
a.text:HOVER {font-family: Century Gothic; font-size: 12px; color: #ff0000; text-decoration:none;}

.text2 {font-family: Century Gothic; font-size: 18px; color: #ffffff; font-weight: normal;}
a.text2 {font-family: Century Gothic; font-size: 18px; color: #ffffff; text-decoration:none;}
a.text2:HOVER {font-family: Century Gothic; font-size: 18px; color: #ff0000; text-decoration:none;}

.text3 {font-family: Century Gothic; font-size: 14px; color: #C3C5C8; font-weight:bold;}
a.text3 {font-family: Century Gothic; font-size: 14px; color: #C3C5C8; text-decoration:none; font-weight:bold;}
a.text3:HOVER {font-family: Century Gothic; font-size: 14px; color: #ff0000; text-decoration:none; font-weight:bold;}

.textblanc {font-family: Century Gothic; font-size: 12px; color: #ffffff;}
a.textblanc {font-family: Century Gothic; font-size: 12px; color: #ffffff; text-decoration:none;}
a.textblanc:HOVER {font-family: Century Gothic; font-size: 12px; color: #ff0000; text-decoration:none;}

.links {font-family: Century Gothic; font-size: 12px; color: #F7E393;}
a.links {font-family: Century Gothic; font-size: 12px; color: #F7E393; text-decoration:none;}
a.links:HOVER {font-family: Century Gothic; font-size: 12px; color: #ff0000; text-decoration:none;}

.links2 {font-family: Century Gothic; font-size: 12px; color: #F3E79F;}
a.links 2{font-family: Century Gothic; font-size: 12px; color: #F3E79F; text-decoration:none;}
a.links2:HOVER {font-family: Century Gothic; font-size: 12px; color: #ffffff; text-decoration:none;}

.textnegre {font-family: Century Gothic; font-size: 12px; color: #000000;}
a.textnegre {font-family: Century Gothic; font-size: 12px; color: #000000; text-decoration:none;}
a.textnegre:HOVER {font-family: Century Gothic; font-size: 12px; color: #ff0000; text-decoration:none;}


/* Texte de les columnes laterals */
.textmenu {font-family: Century Gothic, monospace;	font-size: 12px; color: #ffffff; font-weight:normal;}
a.textmenu {font-family:Century Gothic; font-size: 12px; color: #ffffff; text-decoration : none;}
a:HOVER.textmenu {color: #ff0000; text-decoration : none; font-size:12px;}

.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: #8DBA19; text-decoration : none;}

/* Texte del header */
.textheader {font-family: Century Gothic; color: #8DBA19; font-size : 12px; font-weight: bold;}
a.textheader {font-family: Century Gothic; color: #8DBA19; font-size : 12px; font-weight: bold; text-decoration : none;}
a:HOVER.textheader {font-family: Century Gothic; color: #ADE02A; font-size : 12px; font-weight: bold; text-decoration : none;}

/* 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: #eeeeee; font-size : 10px; text-decoration : underline;}


/* Texte error */
.error {font-family: Century Gothic; font-size: 10px; color : green;}
.formerror {color: #D50000; font-weight: bold;}


/* LINKS */

A {	font-family : Century Gothic; color : #666666; text-decoration : none;}

A:HOVER {text-decoration : underline; }

a.link {font-family: Century Gothic; 
	font-size: 10px;
	color: #828282;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
}

a:HOVER.link {
	font-family: Century Gothic;
	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-family : Century Gothic;
	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-family : Century Gothic;
	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-family : Century Gothic;
	color:#000000;
	font-color : #000000;
	font-size : 12px;
	height: 14px;
	border: solid;
	border-width: 1px;
	border-color:#000000;
	background-position:right top;
	background-color:#ffffff;
}

INPUT.login2, SELECT.login2, TEXTAREA.login2 {
	font-family : Century Gothic;
	color:#ffffff;
	font-color : #ffffff;
	font-size : 11px;
	height: 14px;
	border: solid;
	border-width: 1px;
	border-color:#000000;
	background-position:right top;
	background-color:#5C5B60;
	text-align:center;
}

INPUT.text, SELECT.text, TEXTAREA.text {
	font-family : Century Gothic;
	font-color : #ffffff;
	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;}

.submitGroc {
	font-family: Century Gothic;
	font-size: 12px;
	font-weight: bold;
	background-color: #ffffff;
	color: #ffffff;
	width:40px;
	height:36px;
	padding-bottom:4px;
	border:none;
	background-image:url(../img/+info.jpg);
	cursor:pointer;
}
.submitGroc:HOVER {
	background-image:url(../img/+info.jpg);
}

.submitBlau {
	font-family: Century Gothic;
	font-size: 12px;
	font-weight: bold;
	background-color: #9FD300;
	color: #ffffff;
	border:1px solid #3F7F16;
	background-image:url(../img/buttonBG.jpg);
}
.submitBlau:HOVER {
	background-image:url(../img/buttonBG2.jpg);
}

.submit {
	font-family: Century Gothic;
	font-size: 12px;
	font-weight: bold;
	color:#795758;
	background-color: #ffffff;
	border:solid 2px #888888;
	background-repeat: repeat-x;
}
.submit:HOVER {
}

.submitdreta {
	width:66px;
	height:19px;
	font-family: Century Gothic;
	font-size: 12px;
	font-weight: normal;
	color:#C3C5C8;
	background-color: #000000;
	border:solid 1px #000000;
	background-repeat:no-repeat;
	background-image:url(../img/fonsboto2.jpg);
}
.submitdreta:HOVER {
	background-image:url(../img/fonsboto2.jpg);
}


.SearchSubmit
{
border:none;
background-color:#d0d0d0;
width:22px; height:22px;
background-image: url(../img/search.jpg);
}
.SearchSubmit:HOVER
{
background-image: url(../img/search.jpg);
}

table.smallProd2{
background-image:url(../img/BgSmall.gif);
width:150px;
height:195px;
}
table.smallProd{
width:150px;
height:195px;
background-color:#FFFFFF;
}
/*.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;
}*/

.submit_b {
	font-family: Century Gothic;
	font-size: 10px;
	font-weight: normal;
	color:#ffffff;
	width:52px;
	height:17px;
	padding-bottom:5px;
	padding-right:7px;
	padding-left:3px;
	border: none;
	background-image:url(../img/button2b.jpg);
	background-color:#F8B657;
}
.submit_b:HOVER {
	background-image:url(../img/button1b.jpg);
	background-color:#EF8D24;
}

.buy {
	font-family: Century Gothic;
	font-size: 10px;
	font-weight: normal;
	color:#ffffff;
	width:105px;
	height:30px;
	padding-bottom:5px;
	padding-right:7px;
	padding-left:3px;
	border: none;
	background-image:url(../img/buy.jpg);
	background-color:#ffffff;
	cursor:pointer;
}
.buy:HOVER {
	background-image:url(../img/buy.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;
}

#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{
 height:47px;
 text-align:left;
 vertical-align: middle;
 }
 
td.main_headmenu{
 height:30px;
 text-align:left;
 vertical-align: top;
 background-repeat:no-repeat;
 }
 
.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:Courier;
}
a.prodName{
color:#a3a3a3;
font-size:14px;
font-weight:bolder;
text-decoration:none;
font-family:Courier;
}
a.prodName:hover{
color:#a3a3a3;
font-size:14px;
font-weight:bolder;
text-decoration:none;
font-family:Courier;
}

.prodName2, a.prodName2, a.ProdName2:hover {
	text-align:right;
	font-family: Century Gothic;
	color: #474747;
	font-size : 30px;
	font-weight: bold;
}


table.moreinfo2{
width:555px;
background-repeat:no-repeat;
background-position:bottom;
}

table.moreinfo{
width:555px;
background-repeat:no-repeat;
background-position:bottom;
}

.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;}

.orderbox_buttons{
font-family:Century Gothic;
font-weight:bold;
font-size:12px;
color:#000000;
width:102px;
padding:3px;
text-align:center;
}

/* scroll ---------------------------------------------------------------------------- */
.contentslide{
border: 0px solid navy;
border-bottom-width: 0px;
padding: 0px;
width: 600px;
height: 200px;
}


.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}


.contentslide .contentdiv{
display: none;
}

.pagination{
width: 216px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: ;
border: 0px solid navy;
border-width: 0 0px; /*Left/ right border width of pagination DIV.*/
padding: 0 0 0px 0;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 200px; /*IE5 width*/
w\idth: 216px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: ;
}