/* =============================== */
/* ========= 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: 1em;
	color:#3d3737;
	margin:0px;
	padding:0px;
	background:url(../img/fons.jpg);
}

a {color:#3d3737; text-decoration:none;}

a:hover {text-decoration:underline;}


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

#main_container {position:relative; width:955px; margin:0 auto; z-index:1;}
.clearfix {clear:both;}

/*header*/
#header {position:relative; height:452px; z-index:1;}
#header #logo {position:relative; float:left; background-image:url(../img/fons-logo.gif); background-repeat:no-repeat; background-position:bottom; width:246px; height:452px;}
#header #logo h1 {position:relative; margin:33px 0 0 52px;} #header #logo h1 span {display:none;}
#header #logo div {position:relative; padding:20px 25px 0px 20px; margin-top:40px;}
#header #logo div p {font-size:0.75em; margin-top:5px; line-height:1.3em;}
#marcaPassa {position:relative; margin-top:15px!important;}

#header #navegacio {position:relative; background:url(../img/fons-top.gif); background-repeat:no-repeat; background-position:bottom; float:left; height:452px; width:693px; margin-left:15px;}
#fotosTop {position:absolute; top:88px; left:12px; z-index:1;}

#idiomas {position:relative; background-image:url(../img/fons-idiomes.gif); height:25px; width:183px; float:right; margin-right:50px; padding-top:5px;}
#idiomas img {position:relative; margin:3px 0 0 10px; float:left;}
#idiomas form {position:relative; float:left; margin-left:5px;}


#noticias {position:absolute; width:187px; z-index:2; top:115px; left:475px;}
#noticias div {position:relative; width:187px; background:#fff; overflow:hidden;}
#noticias div img {position:relative; padding:5px 0 0 15px;}
#noticias ul {position:relative; background:url(../img/fons-noticias.gif); width:155px; height:157px; padding:5px; margin:10px 0 0 11px; font-size:0.75em;}
#noticias ul li {position:relative; background-image:url(../img/llista.gif); background-repeat:no-repeat; background-position:left top; padding:6px 0 5px 10px; border-bottom:1px dashed #fff; height:39px; overflow:hidden;}

/*CONTENIDOS*/
#tot {position:relative; width:955px; z-index:1; overflow:hidden; margin-top:12px; font-size:0.8em;}
#tot #general {position:relative; width:939px; /*height:auto!important;  height:200px; min-height:200px;*/ background:url(../img/cont-trans-fons.gif); background-repeat:repeat-y; padding:0px 13px;}

/*FOOTER*/
#footer {position:relative; clear:both;}

#footer #destaca {position:relative; background:url(../img/fons-producte-destacat.gif); width:496px; height:109px; float:left; padding:11px;}
#footer #destaca img {position:relative; float:left; width:171px; margin-right:7px; height:108px; overflow:hidden;}
#footer #destaca div { position:relative; float:left; width:300px; background-image:url(../img/llista-destacat.gif); background-repeat:no-repeat; background-position:top left; padding-left:17px; margin-top:5px;}
#footer #destaca div h3 {color:#ca0f0f; font-weight:bold;} #footer #destaca div h3 a {color:#ca0f0f;}
#footer #destaca div h3 a:hover {background-color:#ca0f0f; color:#fff;}
#footer #destaca div h4, #footer #destaca div p span {font-weight:bold;}
#footer #destaca div p {font-size:0.9em; margin-top:3px; line-height:1.3em; height:62px; overflow:hidden;}

#footer #banner {position:relative; float:left; width:395px; height:131px; background-image:url(../img/fons-banner-footer.gif); margin-left:14px;}
#footer #banner img {position:relative; width:369px; height:108px; margin:12px;}

#footer #coletilla {position:relative; clear:both; padding:15px 0; margin-left:30px;} 
#footer #coletilla p {position:relative; float:left; font-size:0.85em;}
#footer #coletilla div {position:relative; background:#fff; width:350px; text-align:center; height:1.4em; padding:0; margin:0; float:left; left:80px;}

/*=======================================================================*/
/*=============================CONTENTS==================================*/
/*=======================================================================*/

#left {position:relative; width:244px; float:left; padding-bottom:20px;}
#right {position:relative; width:681px; float:left; padding-bottom:20px;}

/*menuLateral*/
#menuLateral {position:relative; margin:20px 0;}
#menuLateral ul {position:relative; width:234px; background-color:#fff; text-align:right; padding:5px 10px 0 0; overflow:hidden;}
#menuLateral ul li {position:relative; color:#3d3737; background-image:url(../img/tira-menu-lateral.gif); background-position:bottom right; background-repeat:no-repeat; padding:3px 0; width:234px!important; font-weight:bold;}
#menuLateral ul  a {position:relative; width:200px;}
#menuLateral ul  a:hover { color:#ca0f0f; text-decoration:none;}
#menuLateral ul .seleccion {position:relative; background-image:url(../img/menu-lateral-seleccio.gif); color:#fff!important; background-position:top; right:0px; padding-right:70px;}
#menuLateral ul ul, #menuLateral ul ul .productos {position:relative; background-image:url(../img/tira-menu-lateral.gif); background-position:bottom right; background-repeat:no-repeat; padding:2px 0 15px 0;}
#menuLateral ul ul li, #menuLateral ul ul .productos li {background:none!important; margin-right:10px; font-weight:100!important; height:1em!important;}
.menuSub a {color:#999999;}
#menuLateral ul ul li a:hover, #menuLateral ul ul .productos li a:hover  {text-decoration:underline; background:none; color:#3d3737;}

.banner {position:relative; margin-bottom:20px; background-image:url(../img/fons-banner-lateral.gif); width:200px; height:200px; padding:17px;}

/*CONTENT*/
#leyenda {position:relative; font-size:0.85em; padding:10px 0 30px 0;}
#leyenda span {text-decoration:underline;}
#content {position:relative; width:601px; background-color:#FFFFFF; padding:0 40px; text-align:justify; min-height:300px;}
#content h2 {position:relative; padding:20px 0 25px 0;} #content h2 span {display:none;}

.entradilla {position:relative; padding:0 0 30px 0;}

/*PRODUCTOS*/
#productoLista {position:relative; margin:0; padding:0; float:left;}
#productoLista div {position:relative; width:171px!important; background-image:url(../img/tira-llista-productes.gif); background-position:bottom;  background-repeat:no-repeat; margin:15px 25px 15px 00; font-size:0.9em; text-align:left; float:left!important; overflow:hidden;}
#productoLista div img {position:relative; width:171px; height:108px; }
#productoLista div h3 {position:relative; font-weight:bold; background-image:url(../img/llista.gif); background-repeat:no-repeat; background-position:left top; padding-left:12px; height:1.3em; overflow:hidden; padding-top:4px;}
#productoLista div h3 a:hover {color:#fff; background-color:#ca0f0f; text-decoration:none;}
#productoLista div h4 {position:relative; padding-left:12px; height:1.3em; overflow:hidden;}

.subCategoria  {position:relative; color:#fff; background-color:#ca0f0f; font-weight:bold; padding:1px 0 1px 5px; margin:10px 0 20px 0;text-transform:uppercase; font-size:0.85em;}


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

.paginacio {position:relative; font-size:0.85em; margin:30px 20px 0 0; text-align:right; z-index:21; padding-bottom:60px;}
.paginacio ul {position:relative; list-style:none;}
.paginacio ul li {position:relative; display:inline; margin-right:-12px!important; height:15px; padding:4px 6px;}
.paginacio ul li a {position:relative; color:#fff; text-decoration:none!important; padding:4px 6px!important; background-color:#3d3737!important;} 
.paginacio ul li a:hover {background:#ca0f0f!important; padding:4px 6px!important; text-decoration:none;}
.paginaSeleccio {position:relative; background-color:#898383; padding:4px 6px; color:#fff;}
.paginaNoSeleccio {position:relative; background-color:#3d3737; padding:4px 6px; color:#fff;}

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


#producto {position:relative; font-size:0.95em;}
#producto div {postion:relative; float:left;  background-image:url(../img/llista.gif); background-repeat:no-repeat; background-position:left top; padding:3px 0 15px 12px; width:370px;}
#producto div h3 {color:#ca0f0f; font-weight:bold;} 
.carn {clear:left; width:100%!important;}
#producto div h3 img { margin:3px 5px 0 0!important;}
#producto div h4 {font-weight:bold; margin-top:2px;}
#producto div p {margin-top:5px;}

#producto div div {position:relative; background-image:none!important; float:right; width:245px; margin-right:-15px;}
#producto div div img {margin: 0 0 0 10px;}
#producto #foto {position:relative; width:200px!important; background:none; margin:0!important; padding-left:0; margin-right:10px!important;}
#producto #foto img {position:relative; float:left; margin:0 10px 10px 0!important; background:none!important;}


/*RECETAS*/
#recetas {position:relative; font:0.95em;}
#recetas h3 {position:relative; color:#fff; background-color:#ca0f0f; font-weight:bold; padding:1px 0 1px 5px; text-transform:uppercase; font-size:0.85em;}
#recetas img {position:relative; margin:30px 10px 0 0; float:left;}
#recetas ul {position:relative; margin:30px 0; padding-bottom:15px; float:left; width:350px;}
#recetas ul p {position:relative; background:url(../img/llista.gif) no-repeat left top; padding:2px 0 2px 15px; font-weight:bold;}
#recetas ul li {padding-left:15px;}
#recetas div {position:relative; clear:both; background:url(../img/llista.gif) top left no-repeat; padding:2px 0 20px 15px; border-bottom:1px dashed #cfcfcf;}
#recetas div h4 {font-weight:bold;}
#recetas div p {margin-top:5px;}

#recetas form {position:relative; float:right; background-color:#FFFFFF; height:1.4em; margin-top:-17px;}
#recetas form img {margin:0; padding:5px 5px 0 10px;}

.lista {position:relative; padding-left:10px; top:-10px!important;}
.lista li {background:url(../img/llista.gif) no-repeat top left; line-height:1.4em;}

#recetasLista {position:relative; clear:left; background:none; padding:0!important; width:200px!important; top:10px!important; float:none!important;}
#recetasLista ul {position:relative; clear:both; margin:0!important;}
#recetasLista ul li {position:relative; background:url(../img/llista.gif) no-repeat top left; padding:2px 0 0 12px; line-height:1.2em; margin-top:3px;}
#recetasLista a:hover, .lista li a:hover  {color:#ca0f0f; }

.volver {position:relative; clear:both; text-align:right; padding:50px 0 20px 0;} .volver a {text-decoration:underline;}
.volver a:hover {text-decoration:none; color:#ca0f0f;}


.formulari {position:relative; margin-left:30px;}
.formulari span {font-size:0.95em; text-align:right; font-weight:bold; vertical-align:top; line-height:24px; width:180px; 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;}
.formulari fieldset {border:none;}
.formulari fieldset textarea {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.95em; border:1px solid #a8a3a3;}
.form {border:1px solid #a8a3a3; font-size:1em; line-height:13px; padding:2px;}
.boto {position:relative; margin:0 0 0 240px;}


#textos {position:relative; padding-bottom:50px;}
#textos h3 {background-color:#ca0f0f; color:#fff; margin:30px 0 10px 0;}
#textos p {margin-top:10px;}
#textos ul {position:relative; margin-left:15px;}
#textos ul li {position:relative; background:url(../img/llista.gif) no-repeat left top; padding:2px 0 2px 15px; }

#novedades {position:relative; margin-bottom:20px;  border-bottom:1px dashed #cfcfcf; padding-bottom:20px;}
#novedades img {position:relative; float:left; margin:10px 15px 10px 0; width:250px; overflow:hidden;}
#novedades h3 {position:relative; color:#ca0f0f; font-weight:bold;}
#novedades h4 {position:relative; font-weight:bold;}
#novedades p {margin:10px 0;}

#novedadesLista {position:relative;}
#novedadesLista div {position:relative; margin:10px 0; border-bottom:1px dashed #cfcfcf; padding-bottom:0;}
#novedadesLista h3 {position: relative; color:#ca0f0f; font-weight:bold;} #novedadesLista h3 a {color:#ca0f0f; }
#novedadesLista h4 {position:relative; font-weight:bold; font-size:0.85em;}
#novedadesLista p {position:relative; height:2.5em; overflow:hidden;}

#pop {position:relative;  width:599px; margin:0 auto; padding-top:10px;}
#pop #cabecera {position:relative; background-image:url(../../cat/pop-cap.gif); background-repeat:no-repeat; height:245px;}
#pop #cabecera h1 {display:none;}
#pop #cabecera img {position:relative; margin:130px 0 0 20px; }
#pop #cabecera p {position:relative; margin:5px 0 0 20px; width:200px; font-size:0.75em;}

#pop #contingut {position:relative; margin:10px 0;}
#pop #contingut div {position:relative; padding:20px 40px; background:url(../img/pop-blanc-fons.gif); font-size:0.8em; }
#pop #contingut div h2 { color:#ca0f0f; font-weight:bold; margin-top:30px;}
#pop #contingut div p {margin-top:10px; text-align:justify;}

#pop #peu {position:relative; font-size:0.75em; text-align:center; margin-bottom:40px;} #pop #peu p {background:#fff; padding:2px 0;}

#mapa {position:relative; padding-bottom:30px;}
#mapa ul li {position:relative; background:url(../img/llista.gif) no-repeat left top; padding:2px 0 2px 15px; font-weight:bold;}
#mapa ul ul {position:relative; padding-bottom:10px;}
#mapa ul ul li {position:relative; margin-left:20px; font-weight:100!important;}

.formPop {margin-left:0!important;}

.fotoProducto {position:relative; width:200px; }
.fotoEmpresa {position:relative; float:right; width:300px;}
.fotoEmpresa img {border:1px #cfcfcf dashed; padding:5px; margin:5px; float:right; clear:right;}

.alinearContacte {position:relative; text-align:center; margin-bottom:20px;}

.textMapa a {color:#3d3737;}