/* =============================== */
/* ========= CSS RESET =========== */
/* =============================== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0; padding:0;}

table {
	border-collapse:collapse;
	border-spacing:0;
}

caption, th {text-align:left;}

fieldset, img {border:0;}

a {outline:none;}

h1, h2, h3, h4, h5, h6 {font-size:1em; font-weight:normal; margin:0px; padding:0px;}

ol, ul {list-style:none;}

address, caption, cite, code, dfn, th, var {font-style:normal; font-weight:normal;}

/*
q:before,q:after {content:'';}
abbr,acronym {border:0;}
*/


/* =============================== */
/* ======= Elementos HTML ======== */
/* =============================== */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#ffffff;
	margin:0px;
	padding:0px; 
	background-color:#000;}

a {color:#767371; text-decoration:none;}

a:hover {text-decoration:underline;}

/* ========================================= */
/* ========= Estructura del sitio ========== */
/* ========================================= */

#main {position:relative; width:955px; margin:0 auto; background-color:#1c1b1a; z-index:1; background-image:url(../img/fons-left.gif); background-repeat:repeat-y; background-position:left;}
#main p {margin:5px 0;}

/*PRINCIPALS*/
#header {position:relative; height:308px; background-image:url(../img/fons-top.gif); z-index:2; font-size:0.85em;}
#content {position:relative; height:auto!important; min-height:100px; height:10px; z-index:2;}
#footer {position:relative; height:177px; background:url(../img/fons-bottom.gif) no-repeat bottom; clear:both!important;}

/*HEADER*/
#logo {position:relative; float:left; z-index:1;}

#header h1 {display:none;}
#menu1 {position:absolute;  width:736px; height:180px; top:0; right:-1px; z-index:100; }
#menu1 ul {position:absolute; height:39px; list-style:none; z-index:10; display:inline; top:60px!important; left:55px; z-index:100;}
#menu1 ul li {position:relative; float:left; height:39px; display:block;}
#menu1 ul li a {height:39px; display:block;}
#menu1 ul li a span {display:none;} 
#menu1 ul li a:hover, #menu1 ul li a.marcat {background-position:bottom;}


#menu1 form {position:absolute; text-align:right; float:right; right:30px; top:3px; z-index:50;}
#menu1 form label {position:relative;}
#menu1 form label input {position:relative; margin-left:4px; width:60px; margin-top:2px; font-size:0.9em; color:#1c1b1a; }
#menu1 form div {position:absolute; top:43px; right:-15px;} #menu1 form div a {text-decoration:underline;}
#menu1 form div a:hover {text-decoration:none;}
#menu1 p {margin-right:-20px!important; width:160px; text-align:center; overflow:hidden;}
.botoOk {position:absolute; top:23px; left:140px;}

.formText {margin:0; top:5px!important; right:-3px!important;}

#fotoHome {position:absolute; z-index:0; top:83px; right:0;}
#tiraHome {position:absolute; z-index:1; top:284px; right:0;}

/*CONTENT*/
#left {position:relative; width:250px; height:auto; min-height:100%; float:left; z-index:2;}
#centre {position:relative; width:455px; float:left; min-height:300px; z-index:1;}
#right {position:relative; width:250px; float:right; min-height:100px;z-index:2;}

/*FOOTER*/
#footer #adreca {position:absolute; text-align:center; width:250px; left:715px; top:0px; color:#4d4b48;}
#footer #adreca span {font-weight:bold; color:#e4c115;}
#footer #adreca a {text-decoration:underline;} #footer #adreca a:hover {color:#fff;}
#footer #adreca img {position:absolute; bottom:-25px; right:15px;}

#footer #copyright {position:absolute; font-size:0.85em; top:137px; left:280px;}
#footer #copyright a {color:#fff;}

/*AUXILIARS*/
#targetes {position:absolute; top:106px; left:38px;}
#targetes img {float:left; margin:5px;}
.clearfix {position:relative; clear:both;}
.marcat {font-weight:bold; color:#e4c115;}
.subratlla {text-decoration:underline;}
.flotarEsq {float:left!important;}
.flotarDre { float:right;}
.alineaCentre {text-align:center;}

/*LEFT*/
#menuLateral {position:relative; margin-top:-233px;}
#menuLateral ul {position:relative; text-align:right;background-image:url(../img/menu-middle.gif); margin-top:-190px; z-index:2;}
#menuLateral ul li {position:relative;  height:27px; padding-top:3px; width:235px; margin-left:0px; overflow:hidden;}
#menuLateral ul li a {position:relative;color:#2d2c28; width:225px; font-weight:bold; font-size:0.95em; height:25px; display:block; background-image:url(../img/tira-bottom-menu-lateral.gif); background-repeat:repeat-x; background-position:bottom; padding:2px 10px 0 0; }
#menuLateral ul li a:hover, #menuLateral ul li a.marcat {position:relative; background:url(../img/menu-lateral-hover.gif); background-repeat:no-repeat; color:#fff; text-decoration:none; height:30px; padding:2px 10px 0 -5px!important; right:0px;}

#listaLeft {position:relative; line-height:1.6em; margin:-5px 0 0 58px; color:#fff;}
#listaLeft li {position:relative; list-style:outside; list-style-image:url(../img/llista-groc.gif);}
#listaLeft li a {color:#fff;}
#listaLeft .mes {margin-top:20px;}


/*CONTENIDOS*/
#centre h2 {position:relative; background-image:url(../img/titol-fons.gif); background-repeat:no-repeat; width:404px; height:36px; margin-top:20px; padding:12px 0 0 25px;}
#centre h2 span {display:none;}
#centre h2 div {position:absolute; color:#767371; width:140px; top:19px; right:10px; text-align:right; font-size:0.9em;}

#textos {position:relative; padding:10px 22px 0 25px; font-size:0.95em;}
#textos h3 {color:#e4c115; font-weight:bold; margin-top:30px;}
#textos p {margin-top:10px; text-align:justify;}
#textos ul {margin:20px 0 0 30px;}
#textos ul li {list-style:url(../img/llista-groc.gif); line-height:1.5em; list-style-position:outside;}
#textos ul li a {color:#fff!important;}

#listaProductos {position:relative;}
#listaProductos div {position:relative; width:200px; float:left; margin:20px 0 10px 25px; background-image:url(../img/tira-inf-lista-producto2.gif); background-repeat:no-repeat; background-position:bottom left;}
#listaProductos div img {background:url(../img/fondo-lista-producto.gif) no-repeat; padding:10px; }
#listaProductos div h3, #offers h4  {margin:10px 0 5px 0; padding-bottom:5px; color:#e4c115; font-weight:bold; background-image:url(../img/tira-inf-lista-producto.gif); background-repeat:repeat-x; background-position:bottom; width:180px; overflow:hidden; height:1.3em; overflow:hidden; line-height:1.6em;}
#listaProductos div h3 a, #offers h4 a {color:#e4c115;} 
#listaProductos div h3 a:hover, #offers h4 a:hover {background-color:#e4c115; color:#2d2c28; text-decoration:none;}
#listaProductos div h4 {color:#767371;}
#listaProductos div p, #offers p {font-size:0.95em; height:3.6em; overflow:hidden;}
#listaProductos div h5 {position:relative; background:url(../img/boto-fons.gif); background-repeat:no-repeat; height:19px!important; font-size:0.85em; padding:3px 1px; text-align:center; width:76px; float:right; margin-right:15px;}
#listaProductos div h5 a{position:relative; color:#fff; text-decoration:none;}
#listaProductos div h5 a:hover {color:#e4c115}


#productoDetalle {position:relative; padding:10px 22px 0 25px; }
#productoDetalle span {float:left; width:179px; height:141px; background-image:url(../img/fondo-lista-producto.gif); background-repeat:no-repeat; margin:20px 10px 10px 0;}
#productoDetalle span img {margin:10px 0 0 8px;}
#productoDetalle h3 {color:#e4c115; font-weight:bold; margin-top:30px;}
#productoDetalle p {margin-top:20px; text-align:justify;}
#productoDetalle h5 {color:#767371;}

.botons div {background-repeat:no-repeat; text-align:center; color:#fff; float:right; margin:20px 0 20px 5px; font-size:0.85em; display:inline; padding-top:2px;}
.botons a {color:#fff!important;} 
.botons a:hover {color:#e4c115!important; text-decoration:none;} 
.bAdd {background:url(../img/boto-fons.gif); height:19px!important; width:76px!important;}
.bSend {background:url(../img/boto-fons-enviar-amigo.gif); width:117px!important; height:18px!important;}
.bRealizar {background:url(../img/boto-fons-realizar-pedido.gif); width:97px!important; height:20px!important;}
.bCambiar {background:url(../img/boto-fons-cambiar.gif); width:62px; height:15px; padding-top:3px; text-align:center;}
.bCambiar a {color:#fff; font-size:0.9em;}
.bBack {position:relative; background:url(../img/separa-back.gif); background-repeat:no-repeat; clear:both; font-size:0.85em; margin-top:20px; height:30px;}
.bBack a {color:#fff!important;text-align:center; color:#fff; float:right!important; display:inline; margin-top:20px; background:url(../img/boto-fons-tornar.gif); width:54px!important; height:17px!important; padding-top:2px;} 
.bBack a:hover, .bCambiar a:hover {color:#e4c115!important; text-decoration:none;} 

.bMig {margin:10px 0 0 170px;}
.bEsq {margin:10px 0 0 5px;}

.margin

/*RIGHT*/

#offers {position:relative; /*background-image:url(../img/fons-foto-offers.png); background-repeat:no-repeat; */margin-top:-100px; width:183px; padding:0; z-index:100; }
#offers .img img {margin:0!important;}
#offers h3 {margin-top:-285px; margin-left:0px;}
#offers img {margin:14px 0 0 -1px; margin-left:48px;}
#offers h4 {width:170px; margin-top:13px; font-size:0.87em; margin-left:48px;}
#offers p {width:170px; height:2.4em; font-size:0.87em; margin-left:48px;}
#offers h5 {position:relative; background:url(../img/boto-fons-offers.gif); background-repeat:no-repeat; height:19px!important; font-size:0.85em; padding:3px 1px; text-align:center; width:76px; margin-left:140px!important; }
#offers h5 a {position:relative; color:#b7b5b1; text-decoration:none;}
#offers h5 a:hover {color:#e4c115}

#tampo {position:relative; z-index:100; margin:-100px 0 0 50px; visibility:hidden;}

#carrito {position:relative; width:242px; right:-8px;}
#carrito #cesta {position:relative; padding:0 20px; background-color:#050505; font-size:0.9em; margin:-30px 0 -15px 0;}
#carrito #cesta h3 {margin-bottom:15px;}
#carrito #cesta p {margin-top:8px; color:#767371; font-size:0.95em;}
#carrito #cesta div {background:#131311; width:200px; margin-left:-10px; padding:8px 10px; margin-top:2px;  clear:both;}
#carrito #cesta div span {color:#767371!important; padding-right:6px;}
#carrito #cesta div p {color:#fff; width:180px; margin:-13px 0 0 15px;}
#carrito #cesta div p a {color:#fff;}
#carrito #cesta h4 {margin:8px 0 0 0; text-align:right; font-weight:bold;}
#carrito #cesta h5 { background:url(../img/b-ver-detalles.gif) no-repeat; width:86px; height:17px; text-align:center; font-size:0.95em; padding-top:2px; margin:10px 0 0 120px;}
#carrito #cesta h5 a {color:#000000!important;} #carrito #cesta h5 a:hover {color:#444!important; text-decoration:none;}


#carrito #horarios {position:relative; padding:0 20px; background-color:#050505; font-size:0.9em; margin:-30px 0 -20px 0;}
#carrito #horarios p {margin-top:15px;}
#carrito #horarios p.alineaDreta {text-align:right; margin-right:30px;}
#carrito #horarios p.alineaCentre {text-align:center;}
#carrito #horarios p.alineaEsquerre {text-align:left; margin-left:10px;}


/*PAGINACIÓN*/

/*================================================*/
/*===================PAGINACIÓN===================*/
/*================================================*/

.paginacio {position:relative; font-size:0.9em; margin-top:60px!important; text-align:right; right:40px; width:450px!important; float:right!important; background:none!important; }
.paginacio ul {position:relative; list-style:none; /*background-color:#050505;*/ width:none; margin:0; height:23px; padding-top:2px;}
.paginacio ul li {position:relative; display:inline; margin-right:-10px!important; height:23px; padding:4px 6px; background-color:#050505!important;}
.paginacio ul li a {position:relative; color:#fff; text-decoration:none!important; padding:4px 6px!important; /*background-color:#050505!important;*/} 
.paginacio ul li a:hover {background:#413e3c!important; padding:4px 6px!important; text-decoration:none; color:#e4c115;}
.paginaSeleccio {position:relative; padding:4px 6px; color:#000; background-image:url(../img/paginacio-b-fons.gif)!important; background-repeat:no-repeat!important;}
.paginaNoSeleccio {position:relative;  padding:4px 6px; color:#767371;}

/*================================================*/

.formulari {position:relative; margin:30px 0 0 20px;}
.formulari span {font-size:0.95em; text-align:right; vertical-align:top; line-height:2.1em; width:130px; padding-right:2px; display:table-cell;}
.formulari fieldset textarea, .formulari fieldset input, .formulari fieldset select {vertical-align:top; font-size:0.95em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#b7b4b1; background-color:#4d4b48; border:none!important; position:relative;}
.formulari fieldset {position:relative; border:none;}
.formulari fieldset textarea {position:relative; font-family:Verdana, Arial, Helvetica, sans-serif!important; font-size:0.95em; vertical-align:bottom;}
.formulari fieldset select {width:180px;}
.form {border:none; font-size:1em; line-height:13px; padding:2px;}

.campCantidad {font-size:1em; text-align:right; background:#4d4b48; color:#b7b4b1; border:none; padding:1px 2px; width:18px;}

.botoForm {position:relative; margin:10px 0 0 190px;}


/*============================POPUPS========================*/

#popUp {position:relative; margin:0 auto; width:600px;  font-size:0.95em; background:#1c1b1a; color:#fff;}
#popUp h1 {display:none;}

#popTextos {position:relative; padding:10px 40px 0 40px;}
#popTextos h2 {font-weight:bold; color:#e4c115; text-transform:uppercase;}
#popTextos h3 {font-weight:bold; color:#e4c115; margin-top:30px;}
#popTextos p {text-align:justify; margin:10px 0;}
#popTextos p a {text-decoration:underline;} #popTextos p a:hover {text-decoration:none; color:#928f8b;}
#popFooter {position:relative; background-image:url(../img/pop-bottom.gif); background-repeat:no-repeat; height:108px;}
#popFooter p {padding:60px 0 0 100px; text-align:center; color:#4d4b48;} 
#popFooter p a {text-decoration:underline; color:#4d4b48;} #popFooter p a:hover {color:#928f8b;}
#popFooter p strong {color:#e4c115;}
#popTextos p r { color:#FF0000!important;}


/*==========================TAULA CESTA============================*/

#taulaCesta {position:relative; width:400px; margin:30px 0 0 30px; z-index:1;}
#taulaCesta div {position:relative; background:#050505; width:400px; clear:both; margin-top:1px!important; padding-top:4px; height:2.3em!important; z-index:1!important;}
#taulaCesta div h4, #taulaCesta div p, #taulaCesta div h5, #taulaCesta div h6 {float:left; z-index:1;}
#taulaCesta div h4 {position:relative; width:35px; text-align:center; color:#767371;}
#taulaCesta div p {position:relative; width:240px; margin-left:4px; margin-top:0px; height:1.5em; overflow:hidden; line-height:2em;} #taulaCesta div p a {color:#fff;}
#taulaCesta div p span {color:#e4c115; font-weight:bold; margin-right:4px;} #taulaCesta div p span a {color:#e4c115; }
#taulaCesta div h5 {position:relative; width:60px; text-align:right; color:#767371;}
#taulaCesta div h6 {position:relative; width:60px; text-align:center;} #taulaCesta div h6 img {margin-top:5px;}

#taulaCesta div div {position:absolute!important; z-index:20!important; width:180px!important; background:#4c4a47; height:140px; left:80px; top:-20px;}
#taulaCesta div div img {padding:10px; z-index:21!important;}
.esconder {display:none;}

#taulaCesta .top h4, #taulaCesta .top p, #taulaCesta .top h5, #taulaCesta .top h6 {color:#767371; font-weight:bold!important; height:2em;}
#taulaCesta .bottom {background:#000; height:auto!important;}
#taulaCesta .bottom h4, #taulaCesta .bottom h5 {color:#767371; height:2em;}
#taulaCesta .bottom h4 {width:265px; text-align:right; margin-right:5px; font-weight:bold; font-size:0.85em;}
#taulaCesta .bottom h5 {width:70px;}

.clearfixTaula {positon:relative; height:0!important; margin:0!important; padding:0!important; bottom:00px!important;}

.taulaEnvio {position:relative; background:#050505; padding:5px; margin-top:1px;}

.taulaEnvio h4 {position:relative; width:305px;}
.taulaEnvio h5 {position:relative; width:80px; float:right; margin-top:-14px; text-align:right; color:#7a7a7a;} 

.anchoComents {width:400px;}

#taulaSubtotal {}
#taulaSubtotal div {position:relative; background:#050505; padding:5px; margin-top:1px; text-align:right; color:#9f9f9e;}
#taulaSubtotal div h4 {width:305px; font-weight:bold;}
#taulaSubtotal div h5 {width:80px; float:right; margin-top:-14px;}
#taulaSubtotal .blanc {color:#fff;}


.formPop {margin-left:50px!important;}



/*==================================================================================================*/
/*=========================================== prova menú============================================*/
/*==================================================================================================*/

#menuPrincipal {position:relative; z-index:100; margin-top:-233px;}

/*#menu2 {position:relative; list-style-type:none; padding:0; margin:0; width:247px; margin-top:-170px; background:url(../img/menu-middle.gif); background-repeat:repeat-y;}

#menu2 ul {list-style-type:none; padding:0; margin:0;}
#menu2 li {float:left; background:#e4c115; position:relative; border-bottom:1px dotted #f3de76; padding-right:10px!important;}

#menu2 li.sub {background:#e4c115;}

#menu2 li, #menu2 li a {display:block; color:#2c2c2c; background:#e4c115; font-size:0.9em; line-height:2.5em; width:237px; text-decoration:none;  cursor:pointer; font-weight:bold; text-indent:5px; text-align:right; padding-right:10px; margin-right:10px;}

#menu2 ul,
#menu2 li.click ul ul,
#menu2 li.click ul li.hover ul ul {display:none;}

#menu2 li.hover {color:#fff; z-index:500; background:url(../img/menu-lateral-hover.gif)!important; background-repeat:no-repeat!important;} 
#menu2 li.click {color:#fff; background:url(../img/menu-lateral-hover.gif)!important; background-repeat:no-repeat;}

#menu2 li.click ul {display:block; font-weight:100!important; font-size:1.25em!important;}
#menu2 li.click ul li.hover ul, 
#menu2 li.click ul li.hover ul li.hover ul {display:block; position:absolute; left:247px; top:-1px; width:200px!important; overflow:hidden!important; font-size:1em!important;}


#menu2 li.click ul li a {font-weight:100!important;}
#menu2 li.click ul li a:hover, #menu2 li.click ul li.click ul {background-color:#f1cf2a!important;}
#menu2 li.click ul li.hover ul li a {background:#f4dd6e!important; left:100px; text-align:left; border:#fff; font-size:0.95em!important;}
#menu2 li.click ul li.hover ul li a:hover {background:#fceb9a!important; z-index:500; color:#333!important;}

#menu2 li.marcat {color:#fff; background:url(../img/menu-lateral-hover.gif); background-repeat:no-repeat!important;} 
#menu2 li li .marcat, #menu2 ul li ul li.marcat  {background:#FFCC33!important; font-weight:bold!important;}
#menu2 li#abrir ul {position:relative; display:block; font-weight:100!important; font-size:1.25em!important;}
#menu2 li#abrir ul ul {display:none;}
#menu2 li#abrir ul li a {font-weight:100!important;}
#marcat2 {background-color:#f1cf2a!important; }*/

.taulaTotalPreu {position:relative;}
.taulaTotalPreu h4 {position:relative; width:150px!important; text-align:left!important;}
.taulaTotalPreu h5 {position:relative; width:80px;}