table, body{ margin:0; padding:0} 

body { background:#fff url(img/2011/bg_body.gif) repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#555}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
 

hr { color: #802229;	height: 1px;	border: 1px}	
h2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color:#000; margin-top:10px}
h3{ font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:normal; color:#000; margin-top:10px}
a img{ border:none}

.contenido{ margin:10px 50px}
.contenido p{ font-size:12px; margin:8px 0}
.zubia{ min-height:500px}
.rojo{color:#C14549;}
.negro{color:#000000;}
.fondo_blanco{background-color:#FFFFFF;}
/*----------- enlaces----------------

.tituloen {font-size: 80%;font-family: Verdana, Arial, Helvetica, sans-serif;color: #802229;font-weight:bold;  text-decoration:underline;} 
a.tituloen:hover  {font-size: 80%;font-family: Verdana, Arial, Helvetica, sans-serif;color: #999999;font-weight:bold;  text-decoration:unone;}
.ruta{	font-size: 60%;	color: #333333;	font-weight: bold;	text-decoration: none;}
a.ruta{    font-size: 100%;	color: #333333;	font-weight: normal;	text-decoration: none;}
a.ruta:link {   font-size: 100%;  font-weight: normal;  text-decoration:none;  color: #333333;}
a.ruta:hover{  font-size: 100%;  font-weight: normal;  text-decoration:underline;  color: #333333;}
.enlaceb {	font-size: 10px;	color: #FFF;		text-decoration:none;	font-family: Verdana, Arial, Helvetica, sans-serif;}
a.enlaceb {	font-size: 10px;	color: #FFF;text-decoration:none;	font-family: Verdana, Arial, Helvetica, sans-serif;}
a.enlaceb:link {	font-size: 10px;	color: #FFF;	text-decoration:none;	font-family: Verdana, Arial, Helvetica, sans-serif;}
a.enlaceb:hover {	font-size: 10px;	color: #FFF;	text-decoration:underline;	font-family: Verdana, Arial, Helvetica, sans-serif;}
.enlacer {font-size: 70%;font-family: Verdana, Arial, Helvetica, sans-serif; color: #802229;} 
a.enlacer:hover  {font-size: 70%;font-family: Verdana, Arial, Helvetica, sans-serif;color: #CAA2A5;}
.idioma{font-size:70%;font-weight: normal;color: #594E1D;text-decoration: none}
*/
a{ color:#B62529; text-decoration:none}
a:hover{ color:#000;text-decoration:underline}
a:visited{}
a:active{}
.idioma{font-size:11px;}
a.idioma{font-weight: normal;color: #594E1D;text-decoration: none}
 a.idioma:hover{text-decoration: underline;}


/*---------tablas----------*/

.titulocelda {	font-size: 70%;	color: #FFF;	height: 20 px;	font-weight: bold;	background-color: #999999;	text-align: center;	border: 1px solid #FFF; padding:3px		}
.celda {	font-size: 60%;	color: #000000;	height: 20 px;	background-color: #eeeeee; border: 1px solid #FFF; padding:3px	}
.celda a {	font-size: 100%;	border: 0px solid #FFF;}
.celda a:hover {	font-size: 100%;	color: #666	}

/*------------varios.----------*/
.texto, .enlacer{ font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:16px}
.minitexto {font-size: 60%;font-family: Verdana, Arial, Helvetica, sans-serif;}
 
.titulob {  color: #FFF;font-weight: bold;background: #802229;font-family: Verdana, Arial, Helvetica, sans-serif;}
.textob{ color: #FFF;	font-weight: normal;	text-decoration: none;}

.negrita {	font-weight: bold}

h1 { display:none}

.dark_cell { background-color:#FFD85E;}

.light_cell { background-color: #FCECBC;}

.heading { font-weight: bold; font-size:9px; color:#626262;	}

#submenu ul{margin-left: 0;padding-left: 0;list-style-type: none;font-family: tahoma, Arial, Helvetica, sans-serif;font-size: 80%;font-weight: bold; padding-right:20px }
#submenu li{color: #802229;}
#submenu a{display: block;margin-top: 0px;padding: 4px;width: 100%;background-color: #FFF;border-top: 1px solid #802229;border-bottom: 1px solid #802229;border-left: 1px solid #802229;border-right: 1px solid #802229}
#submenu a:link{color: #802229;text-decoration: underline;}
#submenu a:hover{background-color: #FFF;color:  #999999;}
#submenu li a#current{background-color: #802229;color:  #FFF;}

#tablaredonda{ background: #FAEFEE;width:auto;height:auto;}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #FAEFEE}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

.lineash {border-bottom: 1px dashed #802229}
.fondoizq {	background-image: url(img/2011/izq.png); background-repeat: no-repeat;	background-position: right top;}
.fondoder {	background-image: url(img/2011/dch.png); background-repeat: no-repeat;	background-position: left top;}
 

/* Menu Horizontal

#navcontainer{ padding: 0px; margin: 0px;}

#navcontainer ul{padding-left: 0;margin-left: 0;background-color: #802229;color: White;float: left;width: 100%;font-family: verdana, arial, helvetica, sans-serif; font-size: 10px;text-transform:uppercase;font-weight:bold;}

#navcontainer ul li { display: inline; }

#navcontainer ul li a{height:25px;padding: 0.2em 1em;padding-top:7px;background-color: #802229;color: White;text-decoration: none;float: left;border-right: 1px solid #fff;}

#navcontainer ul li a:hover{background-color: #BD9FA2;color: #fff;}

#navcontainer a:link, #navlist a:visited{background-color: #802229;color: #fff;}

#navcontainer a:visited{background-color: #802229;color: #fff;text-decoration: none;} */

/*---#navcontainer a:link, #navlist a:visited
{
background-color: #802229;
color: #fff;}---

#navcontainer  li a#current{background-color: #BD9FA2;color: #fff;}*/

/*-----------menu 2-----------------*/

#horizontal ul{ margin:0; padding:8px 0 22px 0; list-style:none; font-size:12px; text-align:center; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc }
#horizontal ul li{ float:left; margin-right:16px}
#horizontal .activado{font-weight:bold; color:#000; background:url(img/2011/ico_current.gif) no-repeat left center; padding-left:14px}

/*--------------- formularios --------------- */

.formu, select  { color: #333333; background-color: #FFF;	border: 1px solid #ccc; padding:3px 8px; width:250px}
.formu2 { color: #333333;	background-color: #FFF;	border: 1px solid #000000;}
.bordeformulario {	background-color: #EAE6E0; border:1px solid #DDD9D3;	  padding: 5px;}
.error, .errorb{ font-size:12px; color: #cc3333; font-weight: bold }

/*------------paginacion---------------*/

.paginacion{ font-size: 70%;	color: #666;	font-weight: bold;	text-decoration: none;}
a.paginacion{ font-size: 100%;	color: #666;	font-weight: normal;  text-decoration:underline;}
a.paginacion:link { font-size: 100%;  font-weight: normal;  text-decoration:underline;  color: #666;}
a.paginacion:hover{ font-size: 100%;  font-weight: normal;  text-decoration:underline;  color: #000;}
.novedad {font-size: 70%;font-family: Verdana, Arial, Helvetica, sans-serif;color: #fff;text-decoration:none;background:#BD9FA2;border-bottom:#802229 double;font-weight:bold} 
a.novedad:hover  {font-size: 70%;font-family: Verdana, Arial, Helvetica, sans-serif;color: #802229;text-decoration:none;background:#fff;border-bottom:#802229 double; font-weight:bold}

/*2011*/
.ruta{ font-size:10px; color:#777; background:#fff; margin:0; padding:8px}
.menuppal{background:#FFF url(/img/2011/bg_nav.png) repeat-x left top; width:960px }
 
#navcontainer{ margin:0; padding:0 } 
#navlist{ margin:0; padding:0; list-style:none}
#navlist li{ float:left;  font-family:Arial, Helvetica, sans-serif; font-size:14px}
#navlist li a{ display:block; padding:12px 15px; text-decoration:none; background:url(img/2011/nav_link.gif) repeat-y right top}
#navcontainer form{ padding:9px 9px 9px 18px; display:block; float:left}
#navlist a{ color:#000}
#navlist a:hover{ background-color:#B2090D; color:#EEE6E7}
#navlist #current{ color:#fff;  background-color:#EE2C30; filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EE2C30, endColorstr=#B2090D); background-image:-moz-linear-gradient(top, #EE2C30 0%, #B2090D 100%); background-image:linear-gradient(top, #EE2C30 0%, #B2090D 100%); background-image:-webkit-gradient(linear, right top, right bottom, color-stop(0%,#EE2C30), color-stop(100%,#B2090D))}

.pie{ text-align:center; background:#F1F1F1 url(img/2011/bg_pie.gif) no-repeat left top; border-top:1px solid #DADADA; border-bottom:1px solid #DADADA; color:#56524B; min-height:180px}
.pie_inner{ width:960px; margin:0 auto; font-size:11px; padding:20px 0; background: url(img/2011/bg_pieinner.png) no-repeat center top}
.pie a{ color:#56524B; margin:0 4px}
.pie_links{ font-size:12px; margin-bottom:10px; border-bottom:1px solid #DEDBD7; line-height:10px}
.pie_inner .enlacer{ font-size:90%; margin:0 2px; line-height:10px}

.intro{ font-size:14px !important; width:310px; float:left}
.intro_title{ font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:bold; color:#EE2C30}
.interior_title{ font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:bold; color:#EE2C30}

/*
.cont_productos{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:2px 0}
.productos ul{ list-style:none; margin:0; padding:0; width:260px;  float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; float:left; background: url(img/2011/bg_productos.gif) repeat}
.productos ul li{ display:block; padding:9px 8px 9px 14px;background: url(img/2011/ico_arrow.gif) no-repeat 5px center;border-bottom:1px solid #fff }
.productos ul.prodsdcha{ width:200px} 
.productos ul li a{  font-size:12px}*/

.productos h2, .video_destacado h2{ margin-top:10px}
.cont_productos{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:2px 0}

.productos ul{ list-style:none; margin:0; padding:0;  font-family:Verdana, Arial, Helvetica, sans-serif;    background: url(img/2011/bg_productos.gif) repeat; overflow:hidden}
.productos ul li{ display:block; padding:6px 8px 9px 15px;background: url(img/2011/ico_arrow.gif) no-repeat 8px 10px; width:45%; float:left; line-height:14px}
.productos ul li a{  font-size:12px}



.minigaleria{ width:100%; float:left; padding:1px; margin-top:1px;}
.minigaleria img{opacity:0.4; filter:alpha(opacity=40) }
.minigaleria img:hover{opacity:1; filter:alpha(opacity=100)}

.video_destacado{ float:left; margin-left:30px}


/* recetas portada */
.recetas_portada{font-size:14px;width:600px; float:left; margin-right:15px;}
.lista_recetas_portada{list-style:none;float:left;width:100%;margin:0;padding:0;}
.lista_recetas_portada li{float:left;width:189px;height:100px;overflow:hidden;border-right:dotted 1px #333;margin:0 5px 10px 0;padding-right:5px;}
.fondo_cajas_recetas{background: url(img/2011/bg_productos.gif) repeat;padding:20px 15px 0 15px;height:80px;}


.receta{ width:273px; float:left; margin:0 5px;font-size:11px }
.nombrereceta{font-size:11px }
.receta img{ float:left; width:132px; padding-right:5px}
.concurso{ float:left; display:block; width:240px; height:157px; background:url(img/2011/img_concurso.gif) no-repeat left top} 
.concurso:hover, .concurso_inner:hover{ background-position: left bottom}
.concurso_inner{ display:block; width:240px; height:157px; background:url(img/2011/concurso.jpg) no-repeat left top; margin:16px 0} 

.recetas{border:1px solid #EAE9E9; padding:10px; font-size:12px;background: url(img/2011/bg_productos.gif) repeat}

.recomendados{width:960px}
.recomendados a{ font-size:11px}
.recomendados p{ margin:3px 0}
.recomendado{ padding:10px 25px 10px 0; margin:20px 0; float:left; min-height:86px} 
.tabla_recomendados{ margin:0 auto; width:960px; background-color:#fff}

.boletin{ border-left:1px dotted #333; border-right:1px dotted #333; line-height:16px; padding-left:30px; width:220px;}
.boletin a{ background:url(img/2011/ico_boletin.gif) no-repeat left center; padding:5px 0 9px 40px; display:block;}
.social{ padding-left:30px}
.novedades{ width:250px; padding-left:50px}
.novedades a{ text-transform: lowercase; background:url(img/2011/ico_arrow.gif) no-repeat left 3px; padding-left:10px;}

.socialicons{ margin:0; padding:0; list-style:none}
.socialicons li{ float:left}
.socialicons a{ display:block; width:24px; height:24px; background:url(img/2011/socialicons.png) no-repeat; margin-right:10px;}
.socialicons a.slideshare{ background-position: left top}
.socialicons a.slideshare:hover{ background-position: left bottom}
.socialicons a.blog{ background-position: -30px top}
.socialicons a.blog:hover{ background-position: -30px bottom}
.socialicons a.mail{ background-position: -60px top}
.socialicons a.mail:hover{ background-position: -60px bottom}
.socialicons a.flickr{ background-position: -90px top}
.socialicons a.flickr:hover{ background-position: -90px bottom}
.socialicons a.rss{ background-position: -120px top}
.socialicons a.rss:hover{ background-position: -120px bottom}
.socialicons a.youtube{ background-position: -150px top}
.socialicons a.youtube:hover{ background-position: -150px bottom}
.socialicons a.issuu{background-position: -180px top}
.socialicons a.issuu:hover{background-position: -180px bottom}
.socialicons a.vimeo{background-position: -210px top}
.socialicons a.vimeo:hover{background-position: -210px bottom}
 
/*buscador*/
.benviar, .boton{ padding:2px 5px;   -webkit-border-radius: .5em; 	-moz-border-radius: .5em;	border-radius: .5em;	 color: #faddde;	border: solid 1px #980c10;	background: #d81b21; }
.benviar:hover, .boton:hover { background: #b61318;}
.benviar:active, .boton:active{ position: relative; top: 1px;color: #de898c}/* red */
.campo{ padding:3px 3px 3px 22px; background:#fff url(img/2011/lupa.png) no-repeat 4px center; border:1px solid #E7E7E7;-webkit-border-radius: .5em; 	-moz-border-radius: .5em;	border-radius: .5em; margin-right:-27px; }
.boton2{  -webkit-border-radius: .5em; 	-moz-border-radius: .5em;	border-radius: .5em;border:1px solid #ccc; background-color:#E6E6E6; padding:2px 4px; font-weight:bold}
 
.img_left{ float:left; margin:0 10px 10px 0}

/*catalogo productos*/
.listado_productos{ width:240px;  margin-right:70px} 
.listado_productos ul{ margin:0; padding:0; list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}
.listado_productos ul li{ padding:8px 0; border-bottom:1px dotted #ACA39F}
.listado_productos ul li a.current{ color:#000; font-weight:bold; padding-left:12px; background:url(img/2011/ico_current.gif) no-repeat left 4px}
.listado_productos ul table a.current{ font-weight:bold; background:none; padding:0}
.listado_productos ul table{ margin-top:8px}
.listado_productos li table td { padding:0 0 5px 0}
.codlistado{ color:#C5C5C5; font-weight:bold; padding-right:5px }
.current .codlistado{ color:#B62529}
.listado_productos li table a{ color:#000; font-size:12px}
.listado_productos li tr:hover{ background-color:#f7f7f7}

 
.modulo_familia{ background:#F8F6F5 }
.modulo_familia p{ padding:8px 0}
.modulo_familia img{padding-right:10px}
.modulo_familia .nombre_familia{ font-size:13px; font-weight:bold; margin:10px 0}
.articulo{ font-size:12px}
.codigo{  margin-bottom:-20px; background-color:#C14549; padding:8px 12px; display:block; color:#FFF; font-size:11px; font-weight:bold; position:absolute; -webkit-border-radius: 3px; 	-moz-border-radius: 3px;	border-radius: 3px;}  
.tabla_articulos td{ border:1px solid #fff}
.tabla_articulos td:hover{ border:1px solid #DC2226}  
.tabla_articulos a.codigo:hover{ background-color:#333333}

/*user*/
.tabla_carrito{ font-size:12px;border-right:1px solid #DBD6D0;border-left:1px solid #DBD6D0}
.tabla_carrito td, .tabla_carrito th{ padding:8px}
.tabla_carrito th{ background:#CAC6C0; border-top:1px solid #DBD6D0; border-bottom:1px solid #DBD6D0; text-align:left; color:#000}
.tabla_carrito td{ border-bottom:1px dotted #ccc}
.tabla_carrito tr:nth-child(odd){background:#FAF7F3} 

.minicarrito{   padding:3px 10px; text-align:right; font-size:11px; color:#000; width:750px; float:right}
.minicarrito a{ font-size:11px; }
.minicarrito .carrito{ background: url(img/2011/cesta.png) no-repeat center center;display:block; height:18px; width:18px; margin-left:6px;float:right}

.resultado_busqueda{ list-style:none; font-size:12px; margin:10px 0; padding:0}
.resultado_busqueda li{ padding:8px 4px}
.resultado_busqueda li:nth-child(odd){background:#FAF7F3} 
.termino{ background:#FFFFCC}
 
.links_empresa{ list-style:none; font-size:12px; font-weight:bold; margin-top:10px}
.links_empresa td{ padding:10px; text-align:center}
.links_empresa img{ margin-bottom:8px}

.imprimir{  margin-top:8px;  padding:3px 8px; text-align:right;  color:#C11216}
.imprimir a{ margin:0 8px}

.catalogo_productos{margin-bottom:10px;}
.ico_catalogo{background: url("img/2011/ico_catalogo.png") no-repeat scroll left center transparent;font-size: 12px;padding: 12px 0 12px 35px;}
.ico_enlace_categoria_blog{background: url("img/2011/ico_enlace_categoria_blog.png") no-repeat scroll left center transparent;font-size: 12px;padding: 12px 0 12px 35px;}
 

.mapaweb{ font-size:12px}
.mapaweb li{ margin-bottom:5px}
.mapaweb ul{ margin-top:5px}
 
.twitter-share-button{ margin:0 8px 0 0}

.distribucion{ float:right; width:290px; line-height:16px; padding:8px 12px 8px 18px; margin:0 50px ; background:#f4f4f4 url(img/2011/telefono.png) no-repeat 80px 57px; border:1px solid #ECECEC;}
.distribucion .tel{ font-size:18px; color:#EE2B30; padding-top:8px; margin:0 auto; display:block; text-align:center}
.distribucion .particular{color:#EE2B30}

.zubiamail:after{content:"zubia@pateszubia.com"}
.josebamail:after {content:"joseba@pateszubia.com"}
.adminmail:after {content:"administracion@pateszubia.com"}