body {
	font-family: Tahoma;
	font-size: 11px;
	line-height: 22px;
	color: #4A4A4A;
	background-image: url(../img/fons_pagina.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color:#EBEBEB;
	margin:0px;
	min-height:800px;
	overflow:auto;
}
#header{
margin-left:auto;
margin-right:auto;
height:85px;
width:978px;
margin-top:-2px;
}
#content{
margin-left:auto;
margin-right:auto;
width:978px;
border-bottom:5px solid #DDDDDD;
border-right:5px solid #DDDDDD;
border-left:5px solid #DDDDDD;
background-color:#FFFFFF;
padding-right:5px;
padding-left:5px;
padding-bottom:5px;
}
#categories{
margin-top:4px;
}
#ralla{
height:4px;
width:978px;
background-color:#CC3300;
margin-top:4px;
margin-bottom:4px;
}
#segona_fila{
width:978px;
}
.desconte{
font-size:9px;
}

#TError{
color:#FF0000;
font-size:9px;
}

.text_producte{
font-size:10px;
line-height:17px;
}
.imatge{
border:3px solid #CC3300;
}
.imatge_producte{
border:4px solid #CC0000; 
margin-right:10px;
margin-top:5px;
}
.producte{
font-size:24px;
color:#CC0000;
font-weight:bold;
border-bottom:4px;
}
.producte_gran{
font-size:28px;
color:#CC0000;
font-weight:bold;
border-top:4px;
line-height: 1.1em; 
}
#footer{
margin-left:auto;
margin-right:auto;
height:37px;
width:978px;
margin-bottom:1px;

}
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover {
	text-decoration: underline;
	color: #FF3300;
}
a:active {
	text-decoration: none;
	color: #666666;
}
.taula_productes{
margin-top:3px;
margin-bottom:3px;
border-bottom:1px dotted #CCCCCC;
}
#cos{
height:auto;
overflow-x:hidden;
overflow-y:auto;
}
a.ProdOpc:link,a.ProdOpc:visited,a.ProdOpc:active{
color:#FFFFFF;
font-size:14px;
text-decoration: none;
}
a.ProdOpc:hover{
/*color:#999999;*/
font-size:14px;
text-decoration: underline;
}
a.ProdOpcS:link,a.ProdOpcS:visited,a.ProdOpcS:active{
color:#000000;
font-size:14px;
text-decoration: none;
}
a.ProdOpcS:hover{
color:#000000;
font-size:14px;
text-decoration: underline;
}
input{
font-size:10px;
padding:2px;
border:1px solid #CCCCCC;
}
.borderall{
border:1px solid #CCCCCC;

}
.borderall2{
border:1px solid #FF3C41;
}
.DivProd{
/*border:solid 1px #CC0000;*/
width:690px;
height:311px;
overflow:auto;
color:#000000;
}

.Estilo5 {color: #000000}
.Estilo7 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}

.PresentacioProd{
padding-bottom:5px;
padding-right:10px;
/*border:solid 1px #CC0000;*/
width:200px;
height:30px;
color:#333333;
font-size:12px;
font-weight:bold;
font-stretch:ultra-condensed;
vertical-align:bottom;
text-align:right;
line-height:16px;
overflow:hidden;
}
.Estilo1 {
	font-size: 18px;
	font-family: Geneva, Arial, Helvetica, sans-serif, "Palatino Linotype";
	color: #FF0000;
	font-weight: bold;
}
input{
background:#F2F2F2;
border:1px solid #CCCCCC;
padding:2px;
color:#CC0000;
}
.baixa{
border-bottom:1px dotted #CCCCCC;
}
.baixaa{
border-top:1px dotted #CCCCCC;
}
.imatge{
padding:1px;
border:5px solid #999999; 
}

#carritoprod{
height:520px;
overflow-x:hidden;
overflow-y:auto;
}


#mostrarprod{
border:1px solid #CC0000;
}

/*** MENU ****/
.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(http://img145.imageshack.us/img145/5515/chromebg2ch7.gif) center center repeat-x; 
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #B5E2FE; 
}

.chromestyle ul li a:hover{
background: url(http://img145.imageshack.us/img145/9148/chromebg2overdf2.gif) center center repeat-x;
}

.chromestyle ul li a[rel]:after{ 
content: " " url(); 
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #B5E2FE; 
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #B5E2FE; 
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ 
background-color: #EBF7FF;
}

.Estilokk {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	display:block;
	padding:3px;
	border-bottom:1px solid #990000;
}

.cookies-alert { background-color: #df7979; color: #FFF; padding: 5px;}
.cookies-alert-content { width:970px; margin: auto; height: 45px;}
.cookies-text { float: left; width: 910px; line-height: 14px; padding-top: 5px}
.cookies-text a { font-size: 12px; color: #FFF;}
.cookies-text a:hover { text-decoration: underline;}
a.cookies-ok { display: block; float: right; background-color: #FFF; padding: 5px; color: #df7979;
        border: 1px solid  #df7979; border-radius: 5px; margin-top: 5px; margin-right: 5px}
a.cookies-ok:hover { background-color: #df7979; color: #FFF; border: 1px solid  #FFF;}