/*
reset, general
-------------------------*/
ul,ol,form,body,html,h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
}
body {
	font:12px/120% 'Trebuchet MS',verdana,arial,sans-serif;
	color:#37a11e;
	text-align:center;
	background: #99C724 url(i/body-bg.gif) left top repeat-x;
}
ul,ol {
	margin-left:1.5em;
}
a,a:link,a:visited {
	color:#3f8a58;
}
a:hover {
	color:green;
}
.more {
	text-align:right;
}
.more a {
	text-decoration:none;
}
.more a:hover {
	color:white;
	background-color:#3f8a58;
}
h1 a,h2 a, h3 a:link,h3 a:visited {
	color:#84231c;
}
/*
Wrapper
-------------------------*/
#wrapper {
	width:710px;
	margin:0 auto;
	text-align:left;
	min-height:254px;
	
}
* html #wrapper {height:254px;}
#container {
	
}
#super-container {
	padding-top:60px;
	background:url(i/header-bg-final.jpg) center top no-repeat;
}
/*
Layouts
-------------------------*/
.layout {
	position:relative;
	background: url(i/dotted-y.gif) 235px top repeat-y;
	padding-bottom:1em;
}
.primary {
	position:absolute;
	left:0;
	top:0;
	width:230px;
}
.col1-a .content-area {
	margin-left:250px;
}
/*
Header
-------------------------*/
#header {
	margin:0 2px;
}
#logo {float:left;margin-top: .4em}
#chile {
	float:left;
}
#logo a img {border-width:0;}
#header-column {
	float:right;
	width:35em;
	padding-top:88px;
}
#nav,#lang {
	float:left;
	list-style-type:none;
	margin-left:0;
}
#nav li,#lang li {
	float:left;
}
#nav {
	background:#EEF5DB url(i/nav-bg1.gif) left top no-repeat;
}
#nav li {
	margin:0 .5em 0 .5em;
}
#nav a {
	display:block;
	font-size:1em;
	text-decoration:none;
	padding:.25em 0 .25em 1em;
	background-position:left center;
	background-repeat:no-repeat;
	background-image:url(i/nav-a-bg-frontpage.gif);
}
#nav ul {
	background:url(i/nav-bg2.gif) right top no-repeat;
	list-style-type:none;
	margin-left:0;
}
#lang li {
	margin:3px 0 0 5px;
}
#lang a {
	display:block;
	width:25px;
	height:17px;
	background:url(i/lang-es.gif) left top no-repeat;
	border:solid white 1px;
}
#nav li.current a {
	text-decoration: underline;
}
#lang a:hover {border-color:gray;}
#lang a span {display:none;}
#lang #en a {
	background-image:url(i/lang-en.gif);
}
/*
Bullets
-------------------------*/
#nav-products a {background-image:url(i/bullet-products.gif);}
#nav-recipes a {background-image:url(i/bullet-recipes.gif);}
#nav-about a {background-image:url(i/bullet-about.gif);}
#nav-contact a {background-image:url(i/bullet-contact.gif);}
/*
Main
-------------------------*/
#main {
	margin:1em 0 0 0;
	padding:1em 1em 0 1em;
	border-bottom:solid white 1px;
	background:white url(i/main-bg.gif) left top repeat-x;
}
/*
Content
-------------------------*/
#content h2 {
	margin-bottom:1em;
}
h1 {
	font-size:1.3em;
	margin:0 0 .5em 0;
	padding-top:.5em;
}
a img {
	border-width:0;
}
.meta-field {
	margin-bottom:1em;
}
#content .meta-field h2 {
	margin-bottom:.5em;
}
/*
Pager
-------------------------*/
.pager {
	text-align:center;
}
.pager a {
	padding:.25em;
	background:#84231c;
	color:white;
	text-decoration: none;
}
/*
footer
-------------------------*/
#pre-footer {
	background:white url(i/main-bg.gif) left top repeat-x;
}
#footer {
	background:white url(i/wrapper-bg-frontpage.gif) left bottom no-repeat;
	padding:0 1em .5em 1em;
	border-top:solid white 1px;
	text-align:center;
}
#footer p {
	margin:0;
}
#adress-line {
	color:#9E2824;
}
#author-line {
	font-size:.9em;
	color:#5F9630;
}
/*
Menues sidebar
----------------------------*/
#sidebar h6 {
	font-weight:bold;
	font-size:1.2em;
}
h1 {
	color:#BF0000;
}
#side-menu,.side-menu {
	margin-left:.5em;
	list-style-type:none;
	margin-top:1em;
}
#side-menu li,.side-menu li {
	margin-bottom:1em;
}
#side-menu a,.side-menu a {
	display:block;
	background:url(i/side-menu-bullet.gif) 4px center no-repeat;
	padding-left:24px;
	text-decoration:none;
	color:#61A134;
	font-size:1.3em;
}
#side-menu a:hover,.side-menu a:hover {
	text-decoration:underline;
}
#side-menu .current a,.side-menu .current a {
	background:url(i/side-menu-current-bullet.gif) left center no-repeat;
}
/*
lista de productos, recetas
---------------------------------*/
.product-row .thumb {
	float:left;
	margin:0 1em 0 0;
}
/*
Hacks
-------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*Arreglo para IE7*/
.clearfix {
  display:inline-block;
}
.clearfix {
  display:block;
}