@charset "utf-8";
/* CSS Document */

#header {position:relative; padding-bottom:20px;}
#header #logo h1 {position:relative; margin:33px 0 0 52px;} #header #logo h1 img {margin-top:-70px; float:right;}

#header #logo div, #marcaPassa , #idiomas, #noticias, #header #navegacio {display:none;}


/*CONTENIDOS*/
#tot {position:relative; width:955px; z-index:1; overflow:hidden; margin-top:12px; font-size:0.8em;}
#tot #general {position:relative; width:939px; padding:0px 13px;}



#left {display:none;}
#right {position:relative; padding-bottom:20px;}

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

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

/*PRODUCTOS*/
#productoLista {position:relative; margin:0; padding:0; *width:600px;}
#productoLista div {position:relative; float:left; width:171px; padding-bottom:10px; margin:15px 25px 15px 0; font-size:0.9em; text-align:left;}
#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;}


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

.paginacio {display:none;}


#producto {position:relative; font-size:0.95em;}
#producto div {postion:relative; float:left; padding:3px 0 15px 0px; width:370px;}
#producto div h3 {color:#ca0f0f; font-weight:bold;}
#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; 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:60px;}
.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 {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;}
#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:15px 0; border-bottom:1px dashed #cfcfcf; padding-bottom:15px;}
#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;}

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

#footer #destaca {position:relative; padding:11px;}
#footer #destaca img {position:relative; float:left; width:171px; margin-right:7px;}
#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; margin-left:14px; clear:both;}
#footer #coletilla {position:relative; clear:both; padding:15px 0; margin-left:30px;} 
#footer #coletilla p {position:relative; font-size:0.85em;}
#footer #coletilla div {position:relative; width:350px; text-align:center; height:1.4em; padding:0; margin:0; left:80px;}


.carn {clear:left; width:100%!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;}