body {
background-color:#FFF;
}

a {
text-decoration:none;
outline:none;
}

ul {
list-style:none;
}

p,a {
font-family:Trebuchet MS, sans-serif;
font-size:14px;
}

h1,h2 {
font-family:Trebuchet MS, sans-serif;
font-size:22px;
font-weight:700;
}

#zoo-text {
background:none repeat scroll 0 0 transparent;
color:#FFF;
float:left;
height:200px;
left:50%;
margin-left:-467px;
position:relative;
text-align:left;
top:315px;
width:352px;
z-index: 1;
}

#zoo-text p {
font-size:15px;
letter-spacing:0;
line-height:17px;
text-shadow:1px 1px 1px rgba(113,77,43,1);
margin:0 0 24px;
}

#zoo-text p a{
color: #885D3A;
padding: 2px 4px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: white;
text-shadow:none;
}

#zoo-text p a:hover{
opacity: 0.8;
}

#upper-wrapper {
position:relative;
margin:0 auto;
}

#header {
width:960px;
text-align:left;
position:absolute;
top:0;
left:50%;
margin-left:-480px;
z-index:20;
}

#header h1 {
text-indent:-99999px;
background:url(../img/logo.png) no-repeat;
height:115px;
width:159px;
float:left;
margin:0;
}

#header h1 a {
height:115px;
width:159px;
cursor:pointer;
}

#header ul#top-nav {
float:right;
padding-right:20px;
padding-top:20px;
}

#header ul#top-nav li {
display:inline;
padding:0 4px;
}

#header ul#top-nav li.menuitem a {
text-transform:uppercase;
color:#FFF;
font-family:Rockwell;
padding: 2px 6px;
}

#header ul#top-nav li.menuitem a:hover {
color: #58595B;
padding: 2px 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: white;
text-shadow:none;
}

#header ul#top-nav li.sociallinks, #header ul#top-nav li.sociallinks a, #header ul#top-nav li.sociallinks a img{
padding: 0;
margin: 0;
}

#header ul#top-nav li.sociallinks a:hover, #header ul#top-nav li.sociallinks a:hover img {
background-color: none;
}

#main-wrapper {
overflow:hidden;
width:960px;
height:280px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0);
background:linear-gradient(top,#ffffff0%,#f1f1f225%,#f1f1f275%,#ffffff100%);
margin:0 auto 30px;
}

#main-wrapper .float-left,#main-wrapper .float-right {
height:240px;
overflow:hidden;
}

#main-wrapper .float-left {
float:left;
width:389px;
border-right:1px solid #white;
padding:20px;
}

#main-wrapper .float-left h2,#main-wrapper .float-left p {
font-family:Trebuchet MS, ColaborateBold;
font-weight:700;
line-height:1.5em;
text-align:right;
text-shadow:1px 1px 2px #fff;
}

#main-wrapper .float-left h2 {
color:#ec8534;
font-size:22px;
}

#main-wrapper .float-left p {
color:#58595B;
font-size:18px;
}

#main-wrapper .float-right {
float:right;
width:489px;
border-left:1px solid #888;
padding:20px;
}

#main-wrapper .float-right p {
color:#888;
font-size:14px;
line-height:1.5em;
text-shadow:1px 1px 2px #fff;
margin-bottom:8px;
}

#main-wrapper .float-right p span {
font-weight:700;
}

ul.nav li.info-productos {
margin-left:0;
}

ul.nav li.info-recetas {
margin-right:0;
}

ul.nav img {
margin-bottom:10px;
}

ul.nav li p {
text-align:left;
font-family:Trebuchet MS, sans-serif;
font-size:13px;
color:#aaa;
line-height:1.3em;
}

ul.nav li h3 {
font-family:Rockwell;
font-weight:400;
text-transform:uppercase;
font-size:24px;
text-align:left;
margin-bottom:5px;
}

ul.nav li h3 span {
font-size:14px;
}

#pestana-productos_active {
background:url(../img/pestana-productos_active-dark.png) no-repeat scroll left top transparent;
display:block;
height:74px;
width:957px;
margin:0 auto;
}

#pestana-proceso_active {
background:url(../img/pestana-proceso_active-dark.png) no-repeat scroll left top transparent;
display:block;
height:74px;
width:957px;
margin:0 auto;
}

#pestana-recetas_active {
background:url(../img/pestana-recetas_active-dark.png) no-repeat scroll left top transparent;
display:block;
height:74px;
width:957px;
margin:0 auto;
}

#showcase-container {
background-color:#e6e7e7;
width:100%;
}

#showcase-wrapper {
width:958px;
overflow:hidden;
position:relative;
padding-bottom:25px;
background:#eaeaeb;
margin:0 auto;
}

.where .container {
width:310px;
position:absolute;
top:0;
left:0;
z-index:1000;
}

.where .container .navbar {
width:135px;
height:430px;
float:left;
margin:0;
}

.where .container .navbar .arrow {
background:url(../img/navbar/nav-flechita.png) no-repeat;
position:absolute;
top:50px;
z-index:0;
left:137px;
width:15px;
height:19px;
}
.arrow{
margin-top: 50px;
}

.where .container .navbar ul {
position:absolute;
top:15px;
left:15px;
}

.where .container .navbar ul li {
border-bottom:1px solid #fff;
position:relative;
text-align:left;
padding:5px 0;
}

.where .container .navbar ul li.last {
border-bottom:none;
}

.where .container .navbar ul li a:hover span {
color:#0c5269;
}

.where .container .navbar ul li span {
font-family:Trebuchet MS;
font-size:15px;
font-weight:400;
color:#808184;
cursor:pointer;
vertical-align:middle;
}

.where .container .navbar ul li a img {
vertical-align:middle;
padding:0 5px;
}

.where .container .navbar ul li a .navbar_navimg {
text-align:center;
margin-right:7px;
width:30px;
height:30px;
display:inline-block;
}

.where .container .navbar ul li.cr a .navbar_navimg {
float:left;
}

.where .container .navbar ul li.selected span {
color:#222;
}

.where .container .locations {
float:left;
position:relative;
left:12px;
width:165px;
height:100%;
background:#fff;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-moz-background-clip:padding;
-webkit-background-clip:padding-box;
background-clip:padding-box;
-webkit-box-shadow:1px 1px 7px #aaa;
-moz-box-shadow:1px 1px 7px #aaa;
box-shadow:1px 1px 7px #aaa;
padding:15px 0 15px 10px;
}

.where .container .locations .statesWrapper {
position:relative;
width:165px;
overflow:hidden;
}

.where .container .locations .states {
position:absolute;
width:175px;
max-height:420px;
}

.where .container .locations .state {
width:175px;
float:left;
}

.where .container .locations .col {
width:175px;
display:block;
float:left;
border-left:1px solid #ebebeb;
}

.where .container .locations .first {
width:175px;
display:block;
float:left;
border:none;
margin:0;
padding:0;
}

.where .container .locations ul {
font-size:12px;
color:#898989;
}

.where .container .locations ul li,.where .container .locations ul li a {
font-size:13px;
line-height:2em;
color:#898989;
}

.where .container .locations ul li span {
font-family:Trebuchet MS;
display:block;
color:#666;
font-size:15px;
line-height:21px;
text-transform:uppercase;
font-weight:700;
font-style:normal;
width:155px;
border-bottom:1px dotted #ccc;
margin-bottom:5px;
}

.blankspace {
display:block;
height:15px;
}

#footer {
clear:both;
background:url(../img/footer.png) repeat-y 50%;
height:50px;
width:100%;
margin:0;
}

#footer-wrapper {
width:960px;
padding-top:17px;
margin:0 auto;
}

#footer p {
color:#fff;
font-size:12px;
float:right;
margin-right:20px;
}

#footer ul {
float:left;
margin-left:20px;
}

#footer ul li {
display:inline;
}

#footer ul li a {
color:#fff;
font-size:12px;
margin:0 45px 0 0;
}

#footer ul li a span {
color:#999;
}

#footer ul li a img {
margin-right:5px;
}

.where .container .locations ul li a.corriente {
color:#EC8534;
}

.corriente:before {
content:"● ";
color:#EC8534;
}

.compartir-esto {
display:inline-block;
float:right;
text-align:right;
width:200px;
margin:0 10px 0 0;
}

ul.redessociales li {
display:inline;
padding:0 4px 0 0;
}

div.receta {
background:none repeat scroll 0 0 #EEEDEF;
color:#808184;
position:relative;
width:916px;
margin:0 auto;
padding:1px 20px;
}

div.receta div.head {
width:915px;
height:330px;
}

div.receta div.headback {
background-color:#5D9147;
position:absolute;
top:0;
left:0;
z-index:0;
width:960px;
height:90px;
}

div.receta img.platillo {
z-index:1000;
max-height:282px;
max-width:376px;
border:1px solid #fff;
float:left;
width:376px;
height:282px;
margin:0;
}

div.receta div.ingredientes {
width:520px;
float:left;
margin:0 0 0 15px;
}

div.receta div.ingredientes h1 {
font-style:italic;
font-weight:700;
font-size:36px;
color:#5D9147;
padding-bottom:10px;
line-height:36px;
}

div.receta h2 {
font-weight:700;
font-size:20px;
padding-bottom:20px;
}

div.receta div.ingredientes ul {
width:250px;
margin-bottom:40px;
list-style:disc;
list-style-position:inside;
}

div.receta div.ingredientes ul li {
font-size:14px;
line-height:1.5em;
}

div.receta div.ingredientes ul.columnaizq {
float:left;
border-right:1px solid #fff;
padding-right:6px;
}

div.receta div.ingredientes ul.columnader {
float:right;
padding-left:5px;
}

div.receta div.procedimiento {
font-size:14px;
line-height:1.5em;
padding-top:20px;
}

div.receta div.procedimiento ol {
list-style-position:inside;
}

div.receta div.procedimiento ol li {
margin:0 0 6px;
}

.recetasContainer {
background:none repeat scroll 0 0 #EEEDEF;
width:956px;
text-align:center;
margin:0 auto;
padding:20px 0;
}

.recetaThumb {
text-align:center;
margin:0;
}

.capty-tile {
display:inline-block;
width:133px;
margin:0 5px;
}

div.capty-caption {
background-color:#000;
color:#FFF;
font:bold 11px verdana;
padding-left:10px;
padding-top:7px;
}

div.capty-caption a {
color:#318DAD;
font:bold 11px verdana;
text-decoration:none;
text-shadow:none;
}

.recetaThumb img {
border:solid 1px #fff;
width:133px;
}

.derechos-by {
background:url(../img/by.png) no-repeat scroll left 50% transparent;
padding:0 0 0 16px;
}

.imgLicense {
font-size:8px;
position:absolute;
top:286px;
left:19px;
margin:0;
}

.imgLicense a:link {
font-size:10px;
color:#646464;
}

.imgLicense a:hover {
color:#b0b0b0;
}

#header ul#top-nav li.sociallinks {
padding:0 2px;
}

.three div,#recetas {
position:relative;
}

.imgLicense a:visited,.imgLicense a:active {
color:#646464;
}