@charset "utf-8";

* {
	margin:0;
	padding:0;
}

html {
	overflow-x:hidden;
	overflow-y:scroll;
	margin:0 0 1px;
	min-height:100%;
	font-size:100.01%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

body {
	padding-top:38px;
	min-height:100%;
	background:url(../images/background.gif) center 0;
	font-size:62.5%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-webkit-font-smoothing:subpixel-antialiased;
}

body,textarea,input,select,option,button {
	color:#915237;
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.30;
}

li,dt,dd,p,figure,th,td,caption,legend,pre {
	font-size:1.3em;
}

li *,dt *,dd *,p *,figure *,th *,td *,legend * {
	font-size:1em;
}

ul,ol,dl,p,figure,table,pre,h1,h2,h3,h4,h5,h6,legend {
	margin-bottom:32px;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,div {
	display:block;
}

.image-a {

	display:block;
	width:auto;
	color:#971e12;
	text-align:center;
	font-size: 19px !important;
	font-family: Cambria,Georgia,serif;
	line-height: 22px !important;
	font-style: italic !important;
}

.prodsize{
	color:#801b12 !important;
	font-size: 14px;
	
}	

#root {
	overflow:hidden;
	background:url(../images/pattern-a.png) #f6e9e0 center 0;
}

#top {
	z-index:9999;
	overflow:hidden;
	margin:0 0 70px;
	border-bottom:4px solid #fff;
	background:none;
	color:#fff;
}

#top {
	z-index:9999;
	-webkit-box-shadow:0 1px 3px #cdcdcd;
	-moz-box-shadow:0 1px 3px #cdcdcd;
	box-shadow:0 1px 3px #cdcdcd;
}

.js #top {
	z-index:9999;
	height:460px;
}

#top h1,#contact h1 {
	z-index:9999;
	position:fixed;
	top:21px;
	left:50%;
	z-index:4;
	display:block;
	margin:0 0 0 -483px;
	width:292px;
	height:64px;
}

/*! Logo --------- */
#top h1 a,#contact h1 a {
	z-index:9999;
	position:fixed;
	display:block;
	width:270px;
	height:124px;
	background:url(../images/logojuanitas.png) no-repeat;
}

#skip {
	z-index:9999;
	position:fixed;
	top:0;
	left:-10000px;
}

#skip a:focus,#skip a:active {
	position:absolute;
	top:0;
	left:10000px;
	z-index:10001;
	display:block;
	margin:15px 0 0 15px;
	padding:4px 8px;
	width:200px;
	background:#333;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-weight:500;
	font-size:1.1em;
}

#nav {
	position:fixed!important;
	z-index:3;
	width:100%;
	height:90px;
	background:none text-align: center;
	text-transform:none;
}

/*All Nav text*/
#nav > ul {
	position:absolute;
	top:18px!important;
	left:50%;
	margin:0 0 0 -104px;
	padding:0;
	width:600px;
	list-style:none;
	font-family:Cambria,Georgia,serif;
	
}

.socialnavtwitter {
	background:url(../images/sprite-a.png) no-repeat -56px -1506px;
	width:14px!important;
	height:17px!important;
	margin-top:35px!important;
	padding-left:10px!important;
	padding-right:1px!important;
}

.socialnavtwitter:hover {
	background:url(../images/sprite-a.png) no-repeat -56px -1536px;
	width:17px;
	height:14px;
}

.socialnavfb {
	background:url(../images/sprite-a.png) no-repeat -16px -1504px;
	width:8px!important;
	height:17px!important;
	margin-top:32px!important;
}

.socialnavfb:hover {
	background:url(../images/sprite-a.png) no-repeat -16px -1534px;
	width:8px!important;
	height:17px!important;
}

.bg {
	background:url(../images/prod-det-background.png);
}

#packicons ul li {
	display:inline;
	list-style:none;
}

#mainheader {
	margin-top:-50px!important;
	padding-bottom:-10px!important;
}

#filoheader {
	color:#face28;
}

.infoheader {
	color:#face28!important;
}

.bxslider {
	width:100%;
}

.ie7 #nav > ul > li {
	display:inline;
	zoom:1;
}

#nav > ul > li:first-child {
	padding-left:0;
	background:none;
}

#nav > ul > li:last-child {
	padding-right:0;
}

#nav > ul > li.last-child {
	padding-right:0;
}

#nav > ul > li > a {
	padding-top:20px;
	color:#fff;
	text-decoration:none;
}
/*Nutrimental*/


p {
  margin: 0;
}

.performance-facts {
  border: 1px solid #213f99;
  margin: 10px;
  float: left;
  width: 360px;
  padding: 0.4rem;
  table {
    border-collapse: collapse;
  }
}
.performance-facts__title {
  font-weight: bold;
  font-size: 1.6rem;
  margin: 0 0 0.25rem 0;
}
.performance-facts__header {
  padding: 0 0 0.5rem 0;
  margin: 0 0 0.5rem 0;
  p {
    margin: 0;
  }
}
.performance-facts__table {
  width: 100%;
  thead tr {
    th, td {
      border: 0;
    }
  }
  th, td {
    font-weight: normal;
    text-align: left;
    padding: 0.25rem 0;
    border-top: 1px solid #213f99; 
    white-space: nowrap;
  }
  td {
    &:last-child {
      text-align: right;
    }
  }
  .blank-cell {
    width: 1rem;
    border-top: 0;
  }
  .thick-row {
    th, td {
      border-top-width: 5px;
    }
  }
}
.small-info {
  font-size: .9rem;
}

.performance-facts__table--small {
  @extend .performance-facts__table;
  border-bottom: 1px solid #999;
  margin: 0 0 0.5rem 0;
  thead {
    tr {
      border-bottom: 1px solid #213f99; 
    }
  }
  td {
    &:last-child {
      text-align: left;
    }
  }
  th, td {
    border: 0;
    padding: 0;
  }
}

.performance-facts__table--grid {
  @extend .performance-facts__table;
  margin: 0 0 0.5rem 0;
  td {
    &:last-child {
      text-align: left;
      &::before {
        content: "•";
        font-weight: bold;
        margin: 0 0.25rem 0 0;
      }
    }
  }
}

.text-center {
  text-align: center;
}
.thick-end {
  border-bottom: 10px solid #213f99;
}
.thin-end {
  border-bottom: 1px solid #213f99;
}

/*Dropdown*/
#nav > ul > li > ul,.js #nav > ul > li:hover > ul {
	position: absolute;
	top: 72px!important;
	display:none;
	padding:0;
	width: auto;
	background:url(../images/pattern-a.png);
	list-style:none;
	text-align:left;
	font-style: italic;
	z-index: inherit;
	border-radius: 0px 0px 10px 10px;
	-webkit-box-shadow:0px 2px 4px 2px rgba(0,0,0,0.10), inset 0px 9px 8px -6px rgba(0,0,0,0.41);
	-moz-box-shadow:0px 2px 4px 2px rgba(0,0,0,0.10), inset 0px 9px 8px -6px rgba(0,0,0,0.41);
	box-shadow:0px 2px 4px 2px rgba(0,0,0,0.10), inset 0px 9px 8px -6px rgba(0,0,0,0.41);
	z-index: 0 !important;
    
}

#nav > ul > li:hover > ul {
	display:block;
	
	
}

#nav > ul > li > ul li {
	font-size:1em;
	line-height:1.2;
	z-index: 1 !important;
	margin: 0;
	
	
}

#nav > ul > li > ul li a {
	display:block;
	padding:0 5px 1px;
	text-decoration:none;
	
}


#nav > ul > li > ul li:last-child a {
	padding-bottom:5px;
}

#nav > ul > li > ul li.last-child a {
	padding-bottom:5px;
}

#nav em {
	position:absolute;
	top:-3000em;
	left:-3000em;
}

#top > #featured {
	position:absolute;
	top:0;
	left:50%;
	z-index:1;
	margin:0 0 0 -315px;
	padding:0;
	width:850px;
	height:430px;
	background:url(../images/top.png) repeat-x;
}

#top > #featured > * {
	position:absolute;
	top:-3000em;
	left:-3000em;
}

.js #top > #featured > * {
	position:relative;
	top:0;
	left:0;
}

#top > #featured .bx-window {
	z-index:1;
}

#top > #featured .bx-pager {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	padding:403px 0 0 683px;
	width:177px;
	height:57px;
	background:url(../images/top.png) -1186px 0 repeat-x;
}

#top > #featured .bx-pager a {
	position:relative;
	z-index:1;
	display:block;
	float:left;
	overflow:hidden;
	margin:0 -3px 0 0;
	width:18px;
	height:18px;
	background:url(../images/sprite-a.png) -28px -110px no-repeat;
	text-indent:-3000em;
}

#top > #featured .bx-pager a.pager-active {
	z-index:2;
	background-position:0 -110px;
}

#top > div {
	position:relative;
	z-index:2;
	margin:0 auto;
	padding:45px 0 20px;
	width:932px;
}

.js #top > div {
	padding:95px 624px 0 0;
	width:308px;
}

#top > div br {
	position:absolute;
	top:-3000em;
	left:-3000em;
	display:none;
}

.js #top > div br {
	position:relative;
	top:0;
	left:0;
	display:block;
}

#top h2 {
	margin:0 0 24px;
	color:#fff;
	font-size:2.6em;
}

#top p {
	font-size:1.2em;
	line-height:1.85;
}

.js #top.a {
	height:520px;
}

#top.a h1 {
	top:14px;
}

/*! top banner ribbon --------- */
#top.a #nav {
	position:fixed;
	height:90px;
	width:100%;
	background:url(../images/ribbon.png) no-repeat;
		-webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.30) !important;
    box-shadow: 0px 4px 5px rgba(0,0,0,0.30); 
    z-index: 3;
}

#top.a #nav > ul {
	top:0;
	right:50%;
	left:inherit;
	margin:0 -524px 0 0;
}

#top.a #nav > ul > li {
	display:block;
	float:left;
	padding:0 0 0 5px;
	height:75px;
	background:none;
}

#top.a #nav > ul > li > a {
	display:block;
	float:left;
	padding:0 10px;
	height:70px;
	line-height:85px;
}
/*Active menu colors*/
#top.a #nav > ul > li > a:hover,#top.a #nav > ul > li > a:focus,#top.a #nav > ul > li > a:active,#top.a #nav > ul >
li.active > a,#top.a #nav > ul > li:hover > a {
	color:#face28;
}

#top.a #nav > ul > li > ul {
	top:96px;
	left:134px;
	padding:10px;
	width:140px;
	

}
#nav > ul > li > ul li a:hover,#nav > ul > li > ul li a:focus,#nav > ul > li > ul li a:active {
	color:#ff0c08;
	border-radius: 3px !important;
	
}

#top.a #nav > ul > li > ul li a {
	padding:6px 5px;
	
	
}


#top.a > div {
	position:absolute;
	bottom:10px;
	left:50%;
	margin:0 0 0 -465px;
	padding:0;
	width:490px;
}

#top.a > div h2 {
	display:-moz-inline-stack;
	display:inline-block;
	margin:0 0 10px;
	padding:3px 17px 7px;
	background:#e75a39;
}

.ie7 #top.a > div h2 {
	display:inline;
	zoom:1;
}

#top.a > div p {
	margin:0;
	padding:12px 9px 18px;
	border-bottom:3px solid #e75a39;
	background:url(../images/shade-c.png);
	color:#725e5f;
	font-style:italic;
	font-size:1.6em;
	font-family:Cambria,Georgia,serif;
	line-height:1.25;
}

#top.a > div p br {
	display:none;
}

#top.a > #featured {
	top:90px;
	left:0;
	margin:0;
	width:100% !important;
	height:430px;
	background:#fff;
	
}

#top.a > #featuredmap {
	display:block;
	top:90px;
	left:0;
	margin:0;
	width:100%;
	height:430px;
	background:#fff;
	background-position:center!important;
	background-size:center!important;
}

#top.a > #featured .bx-pager {
	top:-3000em;
	left:-3000em;
}

#top.a > #featured figure {
	position:relative;
	display:block;
	overflow:hidden;
	margin:0;
	width:100%;
	height:430px;
}

#top.a > #featured img {
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -1000px;
	max-width:2000px!important;
	width:2000px!important;
	height:430px!important;
}

#top.a > #featured .pager {
	position:relative;
	overflow:hidden;
	height:430px;
}

#top.a > #featured .bx-prev,#top.a > #featured .bx-next {
	position:absolute;
	top:195px;
	z-index:9;
	display:block;
	overflow:hidden;
	width:50px;
	height:50px;
	background:url(../images/sprite-a.png) no-repeat;
	text-indent:-3000em;
}

#top.a > #featured .bx-prev {
	left:90px;
	background-position:0 -1405px;
}

#top.a > #featured .bx-next {
	right:90px;
	background-position:-50px -1405px;
}

#top.a > #featured .bx-prev:hover {
	background-position:0 -1455px;
}

#top.a > #featured .bx-next:hover {
	background-position:-50px -1455px;
}

#top > #featured .bx-prev {
	display:none;
}

#top > #featured .bx-next {
	display:none;
}

.js #top.b {
	height:490px;
	background:url(../images/background.gif) center 0;
}

#top.b h1 {
	top:20px;
}

#top.b #nav {
	height:100px;
	background:#fff;
}

#top.b #nav {
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.4);
	box-shadow:0 1px 3px rgba(0,0,0,0.4);
}

#top.b #nav > ul {
	top:0;
	right:50%;
	left:inherit;
	margin:0 -423px 0 0;
	padding:34px 0 0;
}

#top.b #nav > ul > li {
	margin:0 -3px 0 -1px;
	padding:0 0 0 10px;
}

#top.b #nav > ul > li > a {
	position:relative;
	z-index:1;
	display:block;
	float:left;
	padding:0 11px;
	height:34px;
	background-color:#fff;
}

#top.b #nav > ul > li > a {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}

#top.b #nav > ul > li > a > .shade-a {
	position:absolute;
	top:-60px;
	left:50%;
	display:block;
	margin:0 0 0 -10px;
	width:19px;
	height:16px;
	background:url(../images/sprite-a.png) -170px -417px no-repeat;
	opacity:0;
	filter:alpha(opacity = 0);
}

#top.b #nav > ul > li > a > .shade-b,#top.b #nav > ul > li > a > .shade-c {
	position:absolute;
	top:0!important;
	display:block;
	width:9px;
	height:34px;
	background:#fff;
	opacity:0;
	filter:alpha(opacity = 0);
}

#top.b #nav > ul > li > a > .shade-b {
	right:-9px;
}

#top.b #nav > ul > li > a > .shade-c {
	left:-9px;
}

#top.b #nav > ul > li > a:hover,#top.b #nav > ul > li > a:focus,#top.b #nav > ul > li > a:active,#top.b #nav > ul > li.active > a,#top.b #nav > ul > li:hover > a {
	z-index:2;
	background-color:#e75a39;
	color:#fff;
}

#top.b #nav > ul > li > a:hover > *,#top.b #nav > ul > li > a:focus > *,#top.b #nav > ul > li > a:active > *,#top.b #nav > ul > li.active > a > *,#top.b #nav > ul > li:hover > a > * {
	top:-10px;
	opacity:1;
	filter:alpha(opacity = 100);
}

#top.b #nav > ul > li.active > a {
	z-index:3;
}

#top.b #nav > ul > li > ul,.js #top.b #nav > ul > li:hover > ul {
	display:none!important;
}

#top.b #nav > ul > li > ul li a {
	padding:4px 10px 5px;
}

#top.b > #featured .pager div {
	position:absolute;
	bottom:102px;
	left:50%;
	margin:0 0 0 -465px;
	padding:0!important;
	width:360px;
}

#top.b > #featured .pager div h2 {
	display:-moz-inline-stack;
	display:inline-block;
	margin:0 0 10px;
	padding:3px 17px 7px;
	background:#961e12;
	font-size:2em;
}

.ie7 #top.b figure > #featured .pager div h2 {
	display:inline;
	zoom:1;
}

#top.b > #featured .pager div p {
	margin:0;
	padding:12px 9px 18px;
	border-bottom:3px solid #e75a39;
	background:url(../images/shade-c.png);
	color:#725e5f;
	font-style:italic;
	font-size:1.2em;
	font-family:Cambria,Georgia,serif;
	line-height:1.3;
}

#top.b > #featured .pager div p br {
	display:none;
}

#top.b > #featured {
	top:122px;
	left:0;
	margin:0;
	width:100%;
	height:430px;
	background:none;
}

#top.b > #featured .bx-pager {
	top:311px;
	left:50%;
	margin:0 0 0 -508px;
	padding:0;
	width:960px;
	height:30px;
	background:none;
	text-align:right;
}

#top.b > #featured .bx-pager a {
	display:-moz-inline-stack;
	display:inline-block;
	float:none;
	margin:0 1px;
	text-align:left;
}

.ie7 #top.b > #featured .bx-pager a {
	display:inline;
	text-indent:20px;
	zoom:1;
}

#top.b > #featured figure {
	margin:0 auto;
	width:950px;
	height:340px;
	border:5px solid #fff;
}

#top.b > #featured img {
}

#top.b > #featured .pager {
	position:relative;
	overflow:hidden;
	height:430px;
}

#top.b > #featured .bx-prev,#top.b > #featured .bx-next {
	display:none;
}

.js #top.c {
	height:460px;
}

#top.c > div,#top.c > #featured .pager > div {
	position:absolute;
	bottom:30px;
	left:0;
	padding:0;
	width:100%;
	text-align:center;
}

#top.c > div h2,#top.c > #featured .pager h2 {
	display:-moz-inline-stack;
	display:inline-block;
	margin:0 0 10px;
	padding:3px 17px 7px;
	background:url(../images/shade-e.png);
	font-size:2.6em;
}

.ie7 #top.c > div h2,.ie7 #top.c > #featured .pager h2 {
	display:inline;
	zoom:1;
}

#top.c > div p,#top.c > #featured .pager p {
	display:-moz-inline-stack;
	display:inline-block;
	margin:0;
	padding:5px 11px 9px;
	background:url(../images/shade-d.png);
	color:#fff;
	font-size:1.5em;
	font-family:Tahoma,Geneva,sans-serif;
	line-height:1.25;
}

#top.c > div p .clear,#top.c > #featured .pager p .clear {
	display:block;
	width:100%;
	height:0;
}

.ie7 #top.c > div p,.ie7 #top.c > #featured .pager p {
	display:inline;
	zoom:1;
}

#top.c > div p br,#top.c > #featured .pager p br {
	display:none;
}

#top.c > #featured {
	top:0;
	left:0;
	margin:0;
	width:100%;
	height:460px;
	background:#fff;
}

#top.c > #featured .bx-pager {
	top:-3000em;
	left:-3000em;
}

#top.c > #featured figure {
	position:relative;
	display:block;
	overflow:hidden;
	margin:0;
	width:100%;
	height:460px;
}

#top.c > #featured img {
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -1000px;
	max-width:2000px!important;
	width:2000px!important;
	height:460px!important;
}

#top.c > #featured .pager {
	position:relative;
	overflow:hidden;
	height:460px;
}

#top.c > #featured .bx-pager {
	top:426px;
	left:0;
	z-index:9;
	margin:0;
	padding:0;
	width:100%;
	height:34px;
	background:url(../images/shade-f.png);
	text-align:center;
}

#top.c > #featured .bx-pager a {
	top:11px;
	display:-moz-inline-stack;
	display:inline-block;
	float:none;
	margin:0 3px;
	background-position:-236px -406px;
	text-align:left;
}

.ie7 #top.c > #featured .bx-pager a {
	display:inline;
	text-indent:20px;
	zoom:1;
}

#top.c > #featured .bx-pager a.pager-active {
	background-position:-206px -406px;
}

#top.c > #featured .bx-prev,#top.c > #featured .bx-next {
	display:none;
}

#cart {
	position:relative;
	z-index:1;
	margin:-70px 0 53px;
	padding:24px 0;
	background:url(../images/shade-b.png);
}

.ie7 #cart {
	margin-bottom:33px;
}

#cart form {
	position:absolute;
	top:24px;
	left:50%;
	z-index:2;
	margin:0 0 0 -476px;
}

#cart form p {
	position:relative;
	float:left;
	margin:0;
	color:#706a64;
	font-size:1.2em;
	font-family:Tahoma,Geneva,sans-serif;
}

#cart form label {
	position:absolute;
	top:0;
	left:-3000em;
	z-index:2;
	padding:0 12px;
	height:44px;
	line-height:44px;
	cursor:text;
}

.js #cart form label {
	left:0;
}

#cart form input {
	position:relative;
	z-index:1;
	padding:0 40px 0 10px;
	width:421px;
	height:42px;
	border:1px solid #D7D4D4;
	color:#706a64;
	font-family:Tahoma,Geneva,sans-serif;
	line-height:42px;
}

#cart form button {
	position:absolute;
	top:1px;
	right:1px;
	z-index:3;
	display:block;
	overflow:hidden;
	padding:0;
	width:42px;
	height:42px;
	border:0;
	background:url(../images/sprite-a.png) 12px -1354px no-repeat;
	text-indent:-3000em;
}

#cart ul {
	position:relative;
	z-index:1;
	margin:0 auto;
	padding:0;
	width:952px;
	list-style:none;
	text-align:right;
}

.ie7 #cart ul {
	left:15px;
}

#cart ul li {
	position:relative;
	left:0;
	display:inline;
	overflow:hidden;
	margin:0 0 0 21px;
	font-size:1.4em;
	font-family:Tahoma,Geneva,sans-serif;
	line-height:42px;
}

#cart ul li a {
	color:#837e79;
}

#cart ul li.a {
	font-weight:700;
	font-size:1.6em;
	font-family:Cambria,Georgia,serif;
}

#cart ul li.a a {
	display:-moz-inline-stack;
	display:inline-block;
	padding:0 12px 0 65px;
	height:42px;
	background:url(../images/sprite-a.png) 0 -1293px no-repeat;
	color:#fff;
	line-height:42px;
}

.ie7 #cart ul li.a a {
	display:inline;
	float:none;
	zoom:1;
}

#contact {
	position:relative;
	overflow:hidden;
	margin:0 0 71px;
	height:110px;
	border-bottom:4px solid #fff;
	background:url(../images/background.gif);
}

#contact {
	-webkit-box-shadow:0 1px 3px #cdcdcd;
	-moz-box-shadow:0 1px 3px #cdcdcd;
	box-shadow:0 1px 3px #cdcdcd;
}

.js #contact {
	height:400px;
}

#contact > nav,#top.c > nav {
	height:100%;
	width:100%;
	background:url(../images/ribbon.png) no-repeat;
	-webkit-box-shadow: 1px 1px 2px 15px black !important;
    box-shadow: 1px 1px 2px 15px black !important;   
}

#contact > div,#contact #featured {
	position:absolute;
	top:-3000em;
	left:-3000em;
}

#contact > #map {
	padding-top:30px;
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:460px;
}

#content {
	z-index:1;
	margin:100px 0 112px;
}

#content:after {
	margin:100px;
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	content:"";
}

#content > * {
	z-index:1;
	margin:0 auto;
	width:950px;
}

#root #content > :last-child {
	margin-bottom:0;
}

#root #content > .last-child {
	margin-bottom:0;
}

#logo {
	overflow:hidden;
}

/*Store Logos Text*/
#logo h2 {
	margin:0;
	padding:0 0 9px;
	background:url(../images/border-c.gif) 0 100% repeat-x;
	color:#ec1010;
	font-size:1.8em;
}

#logo ul {
	overflow:hidden;
	margin:0;
	padding:0 0 0 30px;
	width:110%;
	background:url(../images/border-c.gif) 0 100% repeat-x;
	list-style:none;
}

#logo ul li {
	position:relative;
	display:block;
	float:left;
	padding:0 30px 0 0;
}

/*Active and unactive Sprites*/


#logo ul li a {
	display:block;
	float:left;
	background:-4000em -4000em no-repeat;
}

#logo ul li a:hover,#logo ul li a:focus,#logo ul li a:active {
	background-position:center center;
}

.cols-a > :first-child #logo ul {
	background:none;
}

#footer {
	position:relative;
	width:100%;
	background:url(../images/ribbonfootertexture.png) #d50018;
	color:#fff;
}

#footer {
	-webkit-box-shadow:0 -1px 3px #cdcdcd;
	-moz-box-shadow:0 -1px 3px #cdcdcd;
	box-shadow:0 -1px 3px #cdcdcd;
}

#footer:after {
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	content:"";
}

#footer > * {
	overflow:hidden;
	margin:0 auto;
	width:950px;
}

#footer > .double-a {
	position:relative;
	margin-top:-66px;
	margin-bottom:28px;
	padding-bottom:16px;
	background:url(http://galletas-juanita.com.mx/images/footer-top.png) no-repeat;
}

#footer > .double-a:after {
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	display:block;
	width:100%;
	height:10px;
	background:url(http://galletas-juanita.com.mx/images/footer-top.png) 0 100% no-repeat;
}

#footer > .double-a > .shade-a {
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	display:block;
	width:100%;
	height:10px;
	background:url(http://galletas-juanita.com.mx/images/footer-top.png) 0 100% no-repeat;
}

/*footer info*/
#info {
	padding:35px 0 14px;
	border-top:none;
}

#info > * {
	float:right;
	padding:10px 85px 11px 0;
	width:230px;
}

#info > :last-child {
	float:right;
	padding-right:0;
	width:257px;
}

#info > .last-child {
	float:right;
	padding-right:0;
	width:245px;
}


#info h3 {
	margin:0 0 11px;
	color:#f4f4f4;
}

#info h4,#info p {
	margin:0;
	padding:0 0 5px;
	color:#fff;
	font-style:normal;
	font-size:1.2em;
	font-family:Arial,Helvetica,sans-serif;
	line-height:1.5;
}


#info .vcard {
margin-left: 0px;

}
#spacelinks{
	margin-left: 30px !important;
	
	
}

#info .vcard > * {
	padding-left:10px;
	background:url(../images/sprite-a.png) -3000em -3000em no-repeat;
}

#info .vcard h3 {
	padding-left:22px;
}

#info .vcard h4 {
	background-position:0 -574px;
}

#info .vcard h3.email {
	background-position:0 -654px;
}

#info .vcard p.tel {
	background-position:0 -613px;
}
#info .vcard h3.tel {
	margin-right: 10px !important;
	background-position:0 -613px;
}

#info .vcard p.adr {
	background-position:0 -693px;
}

#info .vcard h3.adr {
margin-right: 10px !important;
	background-position:0 -693px;
}

#footer > nav {
	position:relative;
	margin:0 0 1px;
	padding:6px 0 0;
	width:100%;
	height:25px;
	background:url(../images/footer.png);
	font-style:italic;
	font-family:Cambria,Georgia,serif;
}

#footer > nav ul {
	margin:0 auto;
	padding:0;
	width:960px;
	list-style:none;
	text-transform:lowercase;
}

#footer > nav ul li {
	display:inline;
	padding:0 3px 0 14px;
	background:url(../images/sprite-a.png) 0 -151px no-repeat;
	font-size:1.4em;
}

#footer > nav ul li:first-child {
	padding-left:0;
	background:none;
}

#footer > nav p {
	position:absolute;
	top:4px;
	right:50%;
	margin:0 -479px 0 0;
	line-height:28px;
}

#footer a {
	color:#fff;
}

/*arrow*/
#footer .totop {
	position:absolute;
	top:79px;
	right:55%;
	z-index:10;
	display:block;
	margin:0 -561px 0 0;
	width:35px;
	height:35px;
	background:url(../images/sprite-a.png) -8px -268px no-repeat;
	text-indent:-3000em;
}

#footer .totop:hover {
}

/*! Columns --------- */
.cols-a {
	position:relative;
	margin-top:-20px!important;
	padding:20px 0 7px;
	min-height:400px;
	width:10000px;
	border:none;
	background:none;
}

.cols-a {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.cols-a:after {
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	content:"";
}

.cols-a > :first-child {
	position:relative;
	z-index:1;
	float:left;
	padding:0 0 0 20px;
	width:620px;
}

.cols-a > aside {
	position:relative;
	z-index:2;
	float:right;
	padding:0 20px 0 0;
	width:260px;
	background:#fff;
}

/*Filosofia Image*/
#scrollfilosofia {
	width:450px;
	height:250px;
	overflow:scroll;
}

.cols-b {
	position:relative;
	padding:20px 0 13px;
	width:100%;
	border:none;
	background:url(../images/filosofia-banner.png) 0 no-repeat;
	color:#fff;
	font-family:Tahoma,Geneva,sans-serif;
}

.cols-b {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}

.cols-b:after {
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	content:"";
}

.cols-b > :first-child {
	position:relative;
	z-index:2;
	float:left;
	padding:0 0 0 20px;
	width:594px;
}

.cols-b > .shade-a,.cols-b > .shade-b,.cols-b > .shade-c,.cols-b > .shade-d {
	position:absolute;
	left:320px;
	display:block;
	margin:0 0 0 -4px;
	width:8px;
	height:6px;
	background:url(../images/sprite-a.png) no-repeat;
}

.cols-b > .shade-a {
	bottom:-1px;
	background-position:-280px -268px;
}

.cols-b > .shade-b {
	top:-1px;
	background-position:-269px -268px;
}

.cols-b > .shade-c {
	top:-1px;
	left:630px;
	background-position:-269px -268px;
}

.cols-b > .shade-d {
	bottom:-1px;
	left:630px;
	background-position:-280px -268px;
}

.cols-b > aside {
	float:right;
	padding:0 20px 0 0;
	width:280px;
	background:#fff;
}

.double-a {
	width:100%;
	color:#a19a94;
}

.double-a:after {
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	content:"";
}

.double-a * {
	margin:0;
}

.double-a > * {
	position:relative;
	z-index:2;
	float:right;
	padding:17px 15px 0 69px;
	width:370px;
}

.double-a > :first-child {
	left:21px;
	float:left;
	padding-right:0;
}

.double-b {
	overflow:hidden;
	width:100%;
	color:#706a64;
}

.double-b > * {
	position:relative;
	float:right;
	padding:1px 0 0 100px;
	width:364px;
}

.double-b > :first-child {
	float:left;
}

.double-c {
	padding:8px 0 16px;
	width:100%;
}

.double-c:after {
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	content:"";
}

.double-c > * {
	float:right;
	width:300px;
}

.double-c > :first-child {
	float:left;
}

/*Size of Module for featured*/
.triple-a {
	margin-top:-40px!important;
	padding:0 0 50px;
	width:100%;
}

.triple-a:after {
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	content:"";
}

#root .triple-a:first-child {
	margin-top:-26px;
}

.triple-a > * {
	float:left;
	padding:0 10px;
	width:280px;
}

.triple-a > :first-child {
	margin-right:25px;
}

.triple-a > :last-child {
	float:right;
}

.triple-a > .last-child {
	float:right;
}

/*! Modules --------- */
#content .divider {
	z-index:2;
	display:block;
	padding-bottom:1px;
	background:url(../images/border-c.gif);
	margin-top:-36px;
	box-shadow:1px 1px 0 #fff;
}

#content {
	z-index:-9;
}

#content .divider2 {
	z-index:2;
	padding-bottom:40px;
	background:url(../images/border-c.gif) repeat-x;
	box-shadow:0 0 0 #fff;
}

.gallery-a {
	position:relative;
	top:25px;
	z-index:1;
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
	font-style:italic;
	font-family:Cambria,Georgia,serif;
	color:#971e12;
}

.gallery-a:after {
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	content:"";
}

#root #content > .gallery-a {
	position:relative;
	left:20px;
	margin-top:-25px;
	width:990px;
}

.ie7 #root #content > .gallery-a {
	top:0;
	margin-top:0;
	margin-bottom:25px;
}

.gallery-a > li {
	position:relative;
	float:left;
	margin:0 0px 10px 0;
	width:300px;
	height:230px;
	background:none!important;
	text-align:center;
	font-size:2.4em;
}

.js .gallery-a > li {
	height:270px;
}

.gallery-a > li a {
	display:block;
	padding:0 0 30px;
	text-decoration:none;
}

.gallery-a > li .wrapper {
	position:relative;
	display:block;
	margin:0 auto 11px;
	padding:10px;
	width:258px;
	border:1px solid #cdb6a6;
		background:#fff;
}

.gallery-a > li .wrapper > .shade-c {
	position:absolute;
	top:13px;
	left:13px;
	z-index:3;
	display:block;
	width:292px;
	height:161px;
	background:url(../images/sprite-a.png) 0 -728px no-repeat;
	
}


.gallery-a > li img:hover {  -webkit-transition: all 1s ease;
     -moz-transition: all .3s ease;
       -o-transition: all .3s ease;
      -ms-transition: all .3s ease;
          transition: all .3s ease;
	
	 filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: url(http://galletas-juanita.com.mx/styles/blur.svg#blur);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5'); 
  
}


.gallery-a > li a:hover .wrapper > .shade-c,.gallery-a > li a:focus .wrapper > .shade-c,.gallery-a > li a:active .wrapper > .shade-c {
	background-position:0 -899px;
}
.gallery-a > li > div {
	position:relative;
	display:none;
	padding:0 0 0 609px;
}

.gallery-a > li > div figure {
	position:absolute;
	top:0;
	left:0;
}

.gallery-a > li > div figure img {
	display:block;
	border:3px solid #e4dfdf;
}

.gallery-b {
	margin:0;
	padding:0;
	width:110%;
	color:#706a64;
	list-style:none;
	font-family:Tahoma,Geneva,sans-serif;
}

.gallery-b:after {
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	content:"";
}

#root #content > .gallery-b {
	z-index:1;
	position:relative;
	left:20px;
	width:990px;
}

.gallery-b > li {
	position:relative;
	display:block;
	float:left;
	margin:0 27px 52px 0;
	padding:31px 10px 26px;
	width:277px;
	border:1px solid #d5d2d3;
	background:#fff;
	text-align:center;
	font-size:1.2em;
}

.gallery-b > li {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.gallery-b > li .strong {
	display:block;
	margin:0 0 18px;
	padding:10px 0 3px;
	border-top:1px solid #e0d1d1;
	border-bottom:1px solid #e0d1d1;
	color:#e65a3a;
	font-weight:500;
	font-style:italic;
	font-size:1.666em;
	font-family:Cambria,Georgia,serif;
}

.gallery-b > li .price {
	position:absolute;
	top:-21px;
	left:50%;
	margin:0 0 0 -35px;
	width:69px;
	height:69px;
	background:url(../images/sprite-a.png) -15px -340px no-repeat;
	color:#e65a3a;
	font-weight:700;
	font-style:italic;
	font-size:2.333em;
	font-family:Cambria,Georgia,serif;
	line-height:69px;
}

.gallery-b > li:hover .price {
	background-position:-94px -340px;
	color:#fff;
}

.gallery-b > li .price > span:first-child {
	position:relative;
	top:-9px;
	left:0;
	display:inline;
	float:none;
	padding:0;
	background:none;
	color:#e65a3a;
	font-weight:700;
	font-size:.5em;
	opacity:1;
}

.lt-ie9 #root .gallery-b > li .price > span:first-child {
	display:inline;
}

.gallery-b > li:hover .price > span:first-child {
	color:#fff;
}

.gallery-b > li .price > span:first-child > .shade-a {
	display:none;
}

.gallery-b > li .price > span {
	position:absolute;
	top:30px;
	left:53px;
	display:block;
	float:left;
	padding:0 5px 0 11px;
	height:15px;
	background:url(../images/sprite-a.png) 0 -1070px no-repeat;
	color:#fff;
	white-space:nowrap;
	font-weight:500;
	font-size:.428em;
	line-height:13px;
	opacity:0;
}

.gallery-b > li .price > span {
	-webkit-border-radius:0 2px 2px 0;
	-moz-border-radius:0 2px 2px 0;
	border-radius:0 2px 2px 0;
	-webkit-transform:scale(0.1,0.1);
	-moz-transform:scale(0.1,0.1);
	-ms-transform:scale(0.1,0.1);
	-o-transform:scale(0.1,0.1);
	transform:scale(0.1,0.1);
	-webkit-transform-origin:0 center;
	-moz-transform-origin:0 center;
	-ms-transform-origin:0 center;
	-o-transform-origin:0 center;
	transform-origin:0 center;
}

.lt-ie9 .gallery-b > li .price > span {
	display:none;
}

.gallery-b > li:hover .price > span {
	opacity:1;
}

.gallery-b > li:hover .price > span {
	-webkit-transform:scale(1,1);
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	-o-transform:scale(1,1);
	transform:scale(1,1);
}

.lt-ie9 .gallery-b > li:hover .price > span {
	display:block;
}

.gallery-b > li .price > span > .shade-a {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:3px;
	height:15px;
	background:url(../images/sprite-a.png) 100% -1070px no-repeat;
}

.gallery-b > li .i {
	display:block;
	padding:0 0 14px;
	font-style:italic;
	font-size:1.2em;
	font-family:Cambria,Georgia,serif;
}

#root .module-a {
	z-index:1!important;
	position:relative;
	margin-bottom:50px;
	padding:14px 290px 0 20px;
	min-height:320px;
	width:640px;
	border:1px solid #d5d2d2;
	background:#fff;
}

#root .module-a {
	z-index:1!important;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.module-a .image-a {
	z-index:1!important;
	position:relative;
	top:10px;
	right:10px;
}

.js .module-a .image-a {
	z-index:1!important;
	top:-10px;
	right:-10px;
}

#root .module-b {
	overflow:hidden;
	margin:0 0 50px;
	padding:23px 0 5px;
	width:100%;
	background:url(../images/filosofia-background.png);
}

.module-b > * {
	margin:0 auto;
	width:950px;
	height:320px;
}

.module-b > h2,.header-a {
	margin-top:20px;
	margin-bottom:13px;
	color:#961e12;
	text-align:center;
	font-size:2.8em;
}

.module-b > h2:first-child {
	margin-top:0;
}

.js .module-b > h2,.js .header-a {
	background:url(../images/border-a.png) center 3px no-repeat;
}

.module-b > h2 span,.header-a span {
	display:-moz-inline-stack;
	display:inline-block;
	padding:0 7px;
	background:url(../images/pattern-b.png) center 0;
}

.ie7 .module-b h2 span,.ie7 .header-a span {
	display:inline;
	zoom:1;
}

.module-b .cols-b {
	margin-top:7px;
	margin-bottom:25px;
}

.news-a {
	font-family:Tahoma,Geneva,sans-serif;
}

#root article.news-a {
	background:none;
}

.news-a > div,.news-a > article,.news-a > section,article.news-a {
	margin:0 0 29px;
	padding:0 0 6px;
	background:url(../images/border-a.png) center 100% no-repeat;
}

.news-a header {
	position:relative;
	overflow:hidden;
	margin:0 0 13px;
	width:100%;
}

.news-a header h2 {
	padding:8px 10px 11px;
	border-left:90px solid #faded8;
	background:#e65a3a;
	color:#fff;
	font-size:1.8em;
}

.news-a header h2 a {
	display:block;
	color:#fff;
}

.news-a header figure {
	margin:0 0 10px;
}

.news-a header figure img {
	position:relative;
	z-index:1;
	display:block;
	border:3px solid #e4dfdf;
}

.news-a header figure .shade-a {
	position:absolute;
	top:3px;
	left:3px;
	z-index:2;
	display:block;
	width:100px;
	height:100px;
}

.news-a header figure .shade-a {
	box-shadow:0 0 6px rgba(111,91,92,90) inset;
}

.news-a header ul {
	float:left;
	margin:0;
	padding:1px 0 0;
	width:90px;
	background:#faded8;
	list-style:none;
}

.news-a header ul li {
	padding:2px 7px;
	border-top:1px solid #fef8f7;
	color:#e65a3a;
	font-style:italic;
	font-size:1.2em;
	font-family:Cambria,Georgia,serif;
	line-height:1.2;
}

.news-a header ul li:first-child {
	border:0;
}

.news-a header ul li a {
	color:#e65a3a;
}

.news-a p {
	line-height:1.7;
}

.news-a footer {
	margin:44px 0 0;
	font-family:Tahoma,Geneva,sans-serif;
}

.news-a footer h3 {
	margin:0 0 10px;
	color:#e65a3a;
}

.news-a footer > ul {
	margin:0 0 43px;
	padding:0;
	list-style:none;
}

.news-a footer > ul > li {
	position:relative;
	padding:21px 0 0 109px;
	min-height:100px;
	font-size:1.2em;
	line-height:1.5;
}

.news-a footer > ul > li:first-child {
	padding-top:0;
}

.news-a footer > ul > li ul {
	margin:0;
	padding:0;
	list-style:none;
}

.news-a footer > ul > li ul li {
	position:relative;
	padding:21px 0 0 111px;
	min-height:100px;
	font-size:1em;
}

.news-a footer > ul img {
	position:absolute;
	top:31px;
	left:1px;
}

.news-a footer > ul img {
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
	-webkit-box-shadow:0 0 1px #b2b0b1;
	-moz-box-shadow:0 0 1px #b2b0b1;
	box-shadow:0 0 1px #b2b0b1;
}

.news-a footer > ul > li:first-child > img {
	top:10px;
}

.news-a footer > ul span {
	color:#e65a3a;
	font-style:italic;
	font-size:1.5em;
	font-family:Cambria,Georgia,serif;
}

.news-b {
	padding:0 0 15px;
	color:#a19a94;
	font-family:Tahoma,Geneva,sans-serif;
}

.news-b > div,.news-b > article,.news-b > section {
	position:relative;
	margin:0 0 20px;
	padding:1px 0 7px 90px;
	min-height:50px;
	border-bottom:1px solid #e0d1d1;
}

.news-b figure {
	position:absolute;
	top:0;
	left:0;
}

.news-b figure img {
	position:relative;
	z-index:1;
	display:block;
	border:3px solid #e4dfdf;
}

.news-b figure > .shade-a {
	position:absolute;
	top:3px;
	left:3px;
	z-index:2;
	display:block;
	width:74px;
	height:44px;
	background:url(../images/sprite-a.png) -180px -344px no-repeat;
}

.news-b p {
	margin:0 0 6px;
	font-size:1em;
	line-height:1.25;
}

.news-b p a {
	color:#4a3b3c;
	text-decoration:none;
	font-size:1.1em;
}

.news-b p a:hover,.news-b p a:focus,.news-b p a:active {
	color:#e65a3a;
}

.cols-a > aside > .news-b:first-child {
	margin-top:-4px;
}

.news-c {
	width:105%;
}

.news-c:after {
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	content:"";
}

.news-c article {
	position:relative;
	float:left;
	margin:0 20px 20px 0;
	padding:9px 9px 14px;
	width:280px;
	border:1px solid #dcd9d9;
	background:#f8f8f8;
}

.news-c article:hover {
	border-color:#beb9b9;
}

.news-c article:hover {
	-webkit-box-shadow:0 0 4px #beb9b9;
	-moz-box-shadow:0 0 4px #beb9b9;
	box-shadow:0 0 4px #beb9b9;
}

.news-c article > :last-child {
	margin-bottom:0;
}

.news-c article > .last-child {
	margin-bottom:0;
}

.news-c h3 {
	margin:0 0 4px;
	font-size:1.8em;
}

.news-c figure {
	margin:0 0 7px;
}

.news-c figure img {
	display:block;
}

.news-c p {
	margin:0 0 20px;
	font-size:1.2em;
	font-family:Tahoma,Geneva,sans-serif;
	line-height:1.5;
}

.news-c p.price {
	margin:0;
	color:#e75a39;
	font-weight:700;
	font-size:1.6em;
	font-family:Cambria,Georgia,serif;
	font-family:Cambria,Georgia,serif;
}

.news-c p.price sup {
	margin:0 0 0 3px;
	font-size:.65em;
}

.news-c p.link-b {
	position:absolute;
	right:9px;
	bottom:12px;
	margin:0;
	padding-bottom:0;
	font-size:1.4em;
	font-family:Cambria,Georgia,serif;
}

.news-d {
	width:150%;
	padding:10px 5px;
}

.news-d:after {
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	content:"";
}

.news-d article {
	position:relative;
	float:left;
	overflow:hidden;
	margin:0 10px 10px;
	padding:19px 19px 50px 300px;
	min-height:130px;
	width:600px;
	background:#a4b1cb;
}

/*.news-d article:hover { border-color: #beb9b9; }
	.news-d article:hover { -webkit-box-shadow: 0 0 4px #beb9b9; -moz-box-shadow: 0 0 4px #beb9b9; box-shadow: 0 0 4px #beb9b9; }*/
.news-d h3 {
	margin:10px 0 4px -35px;
	font-size:1.9em;
}

.news-d figure {
	position:absolute;
	top:9px;
	left:9px;
}

.news-d figure img {
	display:block;
}

.news-d p {
	color:#3e3e3e;
	margin:10px 0 20px -35px;
	font-size:1.2em;
	font-family:Tahoma,Geneva,sans-serif;
	line-height:1.5;
}

.news-d p.price {
	position:absolute;
	bottom:12px;
	left:298px;
	margin:0;
	padding:7px 0 8px;
	width:281px;
	border-top:1px solid #e0d1d1;
	border-bottom:1px solid #e0d1d1;
	color:#e75a39;
	font-weight:700;
	font-size:1.6em;
	font-family:Cambria,Georgia,serif;
}

.news-dc p.price sup {
	margin:0 0 0 3px;
	font-size:.65em;
}

.news-d p.link-b {
	position:absolute;
	right:45px;
	bottom:25px;
	margin:0;
	font-size:1.4em;
	font-family:Cambria,Georgia,serif;
}

.plain {
	overflow:hidden;
}

.plain body {
	background:#fff;
	color:#706a64;
}

.plain article {
	position:relative;
	padding:2px 15px 20px;
	background:#fff;
	font-family:Tahoma,Geneva,sans-serif;
}

.plain h2 {
	margin:10px 0 15px;
}

.plain figure {
	position:absolute;
	top:0;
	left:20px;
}

.plain article .prodlogo {
	position:absolute;
	z-index:1;
}

.plain article .prodlogo .logopack {
	margin-top:10px;
	padding-bottom:10px;
	padding-right:350px;
}

.plain article .packaging {
	position:absolute;
	padding-top:15px;
	float:right!important;
}

.plain article .nutrition {
	float:left!important;
}

.plain article .packaging ul > li {
	display:table-cell!important;
	list-style:none!important;
	padding:2px 10px 0!important;
}

.plain article .packaging ul {
	margin-top:0!important;
	float:right!important;
	margin-bottom:45px;
	padding-right:20px;
}

.plain article .packaging p {
	z-index:999;
	position:absolute;
	display:inline;
	margin-left:-110px;
	padding:100px 0 0;
	color:#20409a;
	font-size:.9em;
	line-height:1.2;
	font-family:sans-serif;
	width:110px;
	text-align:center;
}

.plain article .packaging .lighttext {
	color:rgba(103,146,255,0.6);
}

.product-a {
	overflow:hidden;
	padding:12px 0 15px;
	width:100%;
	font-family:Tahoma,Geneva,sans-serif;
}

.product-a > :first-child {
	float:right;
	width:328px;
}

.product-a > aside {
	float:left;
	padding:3px 0 0;
	width:281px;
}

.product-a > aside figure {
	margin:0 0 10px;
}

.product-a > aside figure img {
	display:block;
	margin:0 0 10px;
}

.product-a > aside .navi {
	overflow:hidden;
	margin:0 0 15px;
	padding:0;
	width:110%;
	list-style:none;
}

.product-a > aside .navi li {
	display:block;
	float:left;
	margin:0 10px 0 0;
}

.product-a > aside .navi img {
	display:block;
	float:left;
}

.product-a h3 {
	margin:0 0 5px;
}

.product-a p {
	margin:0 0 6px;
	font-size:1.2em;
	line-height:1.5;
}

.product-a figure {
	margin:0 0 10px;
}

.slider-a {
	position:relative;
	color:#706a64;
	text-align:center;
}

.slider-a div {
	position:relative;
	z-index:1;
}

.slider-a .bx-wrapper {
	background:url(../images/border-f.png) center 100% no-repeat;
}

.ie7 .slider-a .bx-wrapper {
	padding-bottom:5px;
}

.slider-a .bx-window {
	text-align:left;
}

.slider-a h3 {
	position:absolute;
	top:-1px;
	left:67px;
	z-index:2;
}

.slider-a h4 {
	margin:0 0 20px;
	padding:33px 0 0 67px;
	font-size:1.6em;
}

.slider-a figure {
	position:absolute;
	top:1px;
	left:1px;
}

.slider-a figure img {
/*position: absolute;*/
}

.slider-a figure img {
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
	-webkit-box-shadow:0 0 1px #c6c1c1;
	-moz-box-shadow:0 0 1px #c6c1c1;
	box-shadow:0 0 1px #c6c1c1;
}

.slider-a p {
	margin:0;
}

.slider-a .bx-prev,.slider-a .bx-next {
	position:relative;
	top:4px;
	display:-moz-inline-stack;
	display:inline-block;
	overflow:hidden;
	margin:0 1px;
	width:19px;
	height:19px;
	background:url(../images/sprite-a.png) no-repeat #f3ad9d;
	font-size:20em;
}

.ie7 .slider-a .bx-prev,.ie7 slider-a .bx-next {
	display:inline;
	text-indent:0;
	zoom:1;
}

.slider-a .bx-prev {
	background-position:-15px -418px;
}

.slider-a .bx-next {
	background-position:-36px -418px;
}

.slider-a .bx-prev {
	-webkit-border-radius:2px 0 0 2px;
	-moz-border-radius:2px 0 0 2px;
	border-radius:2px 0 0 2px;
}

.slider-a .bx-next {
	-webkit-border-radius:0 2px 2px 0;
	-moz-border-radius:0 2px 2px 0;
	border-radius:0 2px 2px 0;
}

.slider-a .bx-prev:hover,.slider-a .bx-next:hover {
	background-color:#fa390d;
}

/*detail page info*/
.slider-b {
	position:relative;
	padding:30px 0 25px;
	width:100%;
}

.slider-b h2 {
	padding-bottom:9px;
	font-size:1.8em;
}

.slider-b .bx-window {
	padding-top:0;
}

.slider-b .bx-prev,.slider-b .bx-next {
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
	position:absolute;
	top:-33px;
	display:block;
	overflow:hidden;
	width:16px;
	height:17px;
	background:url(../images/sprite-a.png) no-repeat #db0f0f;
	text-indent:-3000em;
}

.slider-b .bx-prev {
	right:52px;
	background-position:-57px -419px;
}

.slider-b .bx-next {
	right:30px;
	background-position:-78px -419px;
}

.slider-b .bx-prev:hover,.slider-b .bx-next:hover {
	background-color:#e75a39;
}

.tabs-a {
	margin:0 0 66px;
	color:#706a64;
	font-family:Tahoma,Geneva,sans-serif;
}

.tabs-a > ul {
	position:absolute;
	top:-3000em;
	left:-3000em;
	overflow:hidden;
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
}

.js .tabs-a > ul {
	position:relative;
	top:0;
	left:0;
}

.tabs-a > ul li {
	display:block;
	float:left;
	padding:0 12px;
	height:29px;
	border-top:1px solid #dcd9d9;
	border-right:1px solid #dcd9d9;
	color:#837e79;
	font-style:italic;
	font-size:1.4em;
	font-family:Cambria,Georgia,serif;
	line-height:29px;
	cursor:pointer;
}

.tabs-a > ul li:first-child {
	border-left:1px solid #dcd9d9;
}

.tabs-a > ul li.current {
	background-color:#f5f5f5;
	cursor:default;
}

.js .tabs-a > div {
	padding:15px 10px 13px;
	border:1px solid #dcd9d9;
	background-color:#f5f5f5;
}

.tabs-a p {
	font-size:1.2em;
	line-height:1.5;
}

.tabs-a > div > div > :last-child {
	margin-bottom:0;
}

.tabs-a > div > div > .last-child {
	margin-bottom:0;
}

.cols-a > .vcard {
	padding:10px;
}

.cols-a > .vcard h3 {
	margin:0 0 9px;
}

.cols-a > .vcard .fn {
	margin:0;
	padding:3px 0 2px 25px;
	background:url(../images/sprite-a.png) 0 -1096px no-repeat;
	color:#706a64;
	font-family:Arial,Helvetica,sans-serif;
	font-style:normal;
	font-size:1.2em;
	line-height:1.65;
}

.cols-a > .vcard p {
	margin:0;
	padding:3px 0 2px 25px;
	background:url(../images/sprite-a.png) 0 -1197px no-repeat;
	font-size:1.2em;
}

.cols-a > .vcard p.tel {
	background-position:0 -1146px;
}

.cols-a > .vcard p.adr {
	margin-bottom:20px;
	background-position:0 -1246px;
}

.cols-a > .vcard a {
	color:#706a64;
}

/*! Headers --------- */
h1,h2,h3,h4,h5,h6 {
	margin-bottom:8px;
	color:#961e12;
	font-weight:500;
	font-style:italic;
	font-family:Cambria,Georgia,serif;
	line-height:1.1;
}

h1 {
	font-size:2.2em;
}

h2 {
	font-size:2.4em;
}

h3,.header-b {
	margin-bottom:10px;
	font-size:1.8em;
}

h4 {
	font-size:1.6em;
}

h5 {
	font-size:1.5em;
}

h6 {
	font-size:1.4em;
}

.cols-a > aside h3 {
	margin-bottom:22px;
}

.cols-b h2 {
	margin:20px 0 10px 30px;
	color:#fff;
	font-size:1.8em;
}

.double-a h3 {
	margin-bottom:9px;
}

.triple-a h2,.triple-a h3 {
	margin:25px 10px 19px;
	color:#961e12;
	text-align:center;
	font-size:2.1em;
}

#root .header-a {
	margin-bottom:64px;
}

#content > .header-a:first-child {
	margin-top:-25px;
}

.header-a span {
	background-image:url(../images/pattern-a.png);
}

/*! Typography --------- */
b,strong,.strong {
	font-weight:700;
}

blockquote {
	margin:1em 40px;
}

dfn {
	font-style:italic;
}

ins {
	background:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background:#ff0;
	color:#000;
	font-weight:700;
	font-style:italic;
}

p {
}

pre,code,kbd,samp {
	font-family:monospace,serif;
}

pre {
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word;
}

q {
	quotes:none;
}

q:before,q:after {
	content:"";
	content:none;
}

small {
	font-size:85%;
}

sub,sup {
	position:relative;
	vertical-align:baseline;
	font-size:75%;
	line-height:0;
}

sup {
	top:-.5em;
}

sub {
	bottom:-.25em;
}

#detalles {
	color:#dc0a0a;
}

/*Filosofia Paragraph Text*/
.cols-b p {
	margin-top:5px;
	margin-left:50px;
	font-size:1.3em;
	line-height:1.7;
}

.cols-b p:last-child {
	margin-bottom:0;
}

.cols-b p.last-child {
	margin-bottom:0;
}

.double-a p,.double-b p {
	font-size:1.2em;
	font-family:Tahoma,Geneva,sans-serif;
	line-height:1.675;
}

.triple-a p {
	color:#494949;
	margin:0 10px 21px;
	font-size:1.2em;
	line-height:1.7;
}

#root .price-a {
	color:#e75a39;
	font-weight:700;
	font-size:1.6em;
	font-family:Cambria,Georgia,serif;
}

.price-a sup {
	margin:0 0 0 3px;
	font-size:.65em;
}

.alert-email-success {
	padding:10px;
	background:#dcd9d9;
	color:#666;
	font-size:1.2em;
	-webkit-transition:.2s all;
	-moz-transition:.2s all;
	-ms-transition:.2s all;
	-o-transition:.2s all;
	transition:.2s all;
}

/*! Links --------- */
a {
	color:#971e12;
	text-decoration:none;
	cursor:pointer;
}

/*---*/
a span {
	cursor:pointer;
}

a:hover,a:focus,a:active {
	text-decoration:underline;
}

.link-a {
	width:auto;
	height:31px;
	background:url(../images/border-b.png) center 9px no-repeat;
	text-align:center;
	font-style:normal;
	font-size:1.4em;
	font-family:Cambria,Georgia,serif;
}

.link-a a {
	position:relative;
	display:-moz-inline-stack;
	display:inline-block;
	padding:0 40px;
	height:27px;
	background:url(../images/background.gif) center 0;
	color:#fff;
	line-height:27px;
}

.link-a a {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 2px 0 #951010;
	-moz-box-shadow:0 2px 0 #951010;
	box-shadow:0 2px 0 #951010;
}

.ie7 .link-a a {
	display:inline;
	zoom:1;
}

/*Featured image*/
.triple-a .link-a {
	margin:0 0 0 -10px;
	width:300px;
	background:url(../images/border-d.gif) center 2px no-repeat;
	text-transform:lowercase;
	font-size:1.4em;
}

.sizefix {
	display:inline-block;
	width:300px;
}

.sizefix .link-a {
	padding:0 30px;
	width:300px;
	background:url(../images/border-d.gif) center 2px no-repeat;
	font-size:1.3em;
}

.sizefix .link-a a {
	padding:0 10px;
	width:130px;
}

.link-a p:hover,.link-a p:focus,.link-a p:active {
	background:#db0f0f;
}

.link-b {
	padding:0 0 13px;
	width:100%;
	text-align:center;
	font-style:italic;
	font-size:1.4em;
	font-family:Cambria,Georgia,serif;
}

.link-b:after {
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	content:"";
}

.link-b a {
	position:relative;
	display:block;
	float:right;
	margin:0 0 0 11px;
	padding:0 15px;
	height:27px;
	background:url(../images/background.gif) center 0;
	color:#fff;
	text-decoration:none;
	line-height:27px;
}

.link-b a {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 2px 0 #951010;
	-moz-box-shadow:0 2px 0 #951010;
	box-shadow:0 2px 0 #951010;
}

.link-b a:hover,.link-b a:focus,.link-b a:active {
	text-decoration:none;
	background:#e14242;
}

/*! Figures --------- */
img {
	border-width:0;
	vertical-align:middle;
	-ms-interpolation-mode:bicubic;
	image-rendering:optimizeQuality;
}

@media only screen and (min-width: 1px) {
	img {
		max-width:100%!important;
	}
	
	img {
		height:auto!important;
	}
}

.double-a figure {
	position:absolute;
	top:21px;
	left:0;
	width:59px;
	height:59px;
	background:url(../images/sprite-a.png) -197px -267px no-repeat;
}

.double-b figure {
	position:absolute;
	top:0;
	left:0;
}

.double-b figure img {
	position:relative;
}

.double-b figure img {
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
	-webkit-box-shadow:0 0 1px #b2b0b1;
	-moz-box-shadow:0 0 1px #b2b0b1;
	box-shadow:0 0 1px #b2b0b1;
}



.image-a .wrapper {
	position:relative;
	display:block;
	margin:0 0 -1px;
	padding:10px;
	border:1px solid #e0dddd;
	background:#fff;
}

.ie7 .image-a .wrapper,.ie7 .image-a img {
	display:inline;
	zoom:1;
}

.image-a .wrapper > .shade-a,.image-a .wrapper > .shade-b {
	position:absolute;
	z-index:1;
	display:block;
	width:63px;
	height:62px;
	background:url(../images/sprite-a.png) no-repeat;
}

.image-a .wrapper > .shade-a {
	top:-12px;
	left:-12px;
	background-position:-54px -267px;
}

.image-a .wrapper > .shade-b {
	right:-12px;
	bottom:-12px;
	background-position:-125px -267px;
}

.image-a img {
	position:relative;
	z-index:2;
	display:block;
	margin:0 auto;
	border:3px solid #e4dfdf;
}

.image-a figcaption {
	display:block;
}

.news-d .image-z {
	display:block;
	background:url(../images/prod-det-background.png) no-repeat;
}

#imgmove {
	width:230px;
	height:160px;
	margin:15px 0 0 15px;
}

/*! Lists --------- */
ul,ol,dd,blockquote {
	padding-left:40px;
}

ul ul,ul ol,ol ol,ol ul {
	margin-bottom:0;
}

.list-a {
	padding:0;
	list-style:none;
}

.list-a li {
	padding:0 0 4px 21px;
	background:url(http://galletas-juanita.com.mx/images/li-a.png) 1px 4px no-repeat;
}

.list-b {
	padding:0;
	list-style:none;
}

.list-b li {
	color:#e77357;
}

.list-c {
	margin:-6px 0 10px;
	padding:0;
	list-style:none;
}

.list-c li {
	position:relative;
	border-bottom:1px solid #e0d1d1;
	font-size:1.1em;
	line-height:1.4;
}

.list-c li a {
	display:block;
	padding:7px 25px 6px 2px;
	color:#4a3b3c;
}

.list-c li a span {
	display:block;
	padding:4px 0 0;
	color:#e75a39;
	font-style:italic;
	font-size:1.272em;
	font-family:Cambria,Georgia,serif;
}

.list-c li sup {
	margin:0 0 0 3px;
	font-size:.65em;
}

.list-c li a.close {
	position:absolute;
	top:10px;
	right:0;
	display:block;
	overflow:hidden;
	padding:0;
	width:16px;
	height:16px;
	background:url(../images/sprite-a.png) -19px -524px no-repeat;
	text-indent:-3000em;
}

.list-c li.a {
	padding:9px 11px;
	background:#f8f8f8;
	color:#e75a39;
	font-style:italic;
	font-size:1.6em;
	font-family:Cambria,Georgia,serif;
}

.list-c li.a span {
	position:absolute;
	top:9px;
	right:11px;
}

.list-d {
	padding:0;
	list-style:none;
}

.list-d li {
	position:relative;
	padding:0 0 10px;
	font-size:1.1em;
	line-height:1.4;
}

.list-d li a {
	display:block;
	padding:8px 97px 0 6px;
	min-height:61px;
	border:1px solid #dcd9d9;
	background:#f8f8f8;
	color:#4a3b3c;
	text-decoration:none;
}

.list-d li a span {
	position:relative;
	display:block;
	padding:11px 0 0;
	color:#e75a39;
	font-style:italic;
	font-size:1.272em;
	font-family:Cambria,Georgia,serif;
}

.list-d li sup {
	margin:0 0 0 3px;
	font-size:.65em;
}

.list-d li a:hover,.list-d li a:focus,.list-d li a:active {
	border-color:#fff;
	background-color:#e75a39;
	color:#fff;
}

.list-d li a:hover > *,.list-d li a:focus > *,.list-d li a:active > * {
	border-color:#fff;
	color:#fff;
}

.list-d li img {
	position:absolute;
	top:11px;
	right:9px;
	border:1px solid #dcd9d9;
}

.pagination-a {
	position:relative;
	z-index:2;
	padding-top:30px;
	list-style:none;
	text-align:center;
	text-transform:lowercase;
	font-style:italic;
	font-family:Cambria,Georgia,serif;
}

.pagination-a li {
	display:-moz-inline-stack;
	display:inline-block;
	padding:0 2px 0 1px;
	font-size:1.6em;
}

.pagination-a li > * {
	display:-moz-inline-stack;
	display:inline-block;
	padding:0 7px;
	min-width:11px;
	height:25px;
	border:1px solid #d4823b;
	background:#dc0a0a;
	color:#fff;
	text-decoration:none;
	line-height:23px;
}

.ie7 .pagination-a li,.ie7 .pagination-a li > * {
	display:inline;
	zoom:1;
}

.pagination-a li > a:hover,.pagination-a li > a:focus,.pagination-a li > a:active,.pagination-a li.active > * {
	background-color:#fff;
	color:#e77357;
}

.pagination-a li.active > * {
	cursor:default;
}

#root .social-a {
	margin:0 0 13px;
	padding:4px 1px 0;
	list-style:none;
}

#root .social-a li {
	margin:0 0 10px;
	width:139px;
	font-style:italic;
	font-size:1.2em;
	font-family:Cambria,Georgia,serif;
}

.social-a li a {
	display:block;
	padding:2px 2px 2px 9px;
	height:20px;
	background:url(../images/sprite-a.png) -3000em -3000em no-repeat;
	color:#fff;
	text-align:center;
	line-height:20px;
}

.social-a li.fb a {
	background-color:#37589d;
	background-position:2px -178px;
	text-shadow:none;
}

.social-a li.tw a {
	background-color:#43b1e4;
	background-position:3px -209px;
	text-shadow:none;
}

.social-a li.gp a {
	background-color:#333;
	background-position:2px -238px;
	text-shadow:none;
}

/*! Forms --------- */
legend,caption {
	display:none;
	padding:0;
	border:0;
	white-space:normal;
}

fieldset,hr {
	border-width:0;
}

button,input[type="submit"] {
	overflow:visible;
	padding:0 8px;
	cursor:pointer;
	-webkit-appearance:button;
}

button::-moz-focus-inner {
	padding:0;
	outline:none;
	border:0;
}

textarea {
	overflow:auto;
	vertical-align:top;
	resize:vertical;
}

input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box;
}

input[type="search"] {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	-webkit-appearance:textfield;
}

input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance:none;
}

#root .check-a {
	margin:0 0 14px;
	padding:0 8px 17px;
	border:1px solid #dcd9d9;
	color:#706a64;
	list-style:none;
	font-family:Tahoma,Geneva,sans-serif;
}

#root .check-a li {
	font-size:1.2em;
}

#root .check-a label {
	position:relative;
	display:block;
	padding:8px 0 3px 23px;
}

#root .check-a label > .shade-a {
	position:absolute;
	top:12px;
	left:0;
	display:block;
	width:14px;
	height:14px;
	background:url(../images/sprite-a.png) -112px -421px no-repeat;
	cursor:pointer;
}

.ie7 #root .check-a label > .shade-a {
	top:10px;
}

#root .check-a label.active > .shade-a {
	background-position:-136px -421px;
}

#root .check-a input {
	position:absolute;
	top:13px;
	left:0;
}

.js #root .check-a input {
	left:-3000em;
}

.form-a {
	position:relative;
	padding:39px 0 0;
}

.form-a legend {
	position:absolute;
	top:0;
	left:0;
	display:block;
	margin:0;
	padding:0;
	color:#dc0a0a;
	font-weight:500;
	font-style:italic;
	font-size:1.8em;
	font-family:Cambria,Georgia,serif;
}

.form-a p {
	position:relative;
	margin:0 0 19px;
	width:100%;
	font-size:1.2em;
}

.form-a p:after {
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	content:"";
}

.form-a p > span {
	position:relative;
	display:block;
	float:right;
}

.form-a p > span:first-child {
	float:left;
}

.form-a label {
	position:absolute;
	top:-3000em;
	left:-3000em;
	z-index:2;
	display:block;
	padding:0 11px;
	height:40px;
	color:#dc0a0a;
	text-transform:lowercase;
	font-style:italic;
	font-family:Cambria,Georgia,serif;
	line-height:40px;
	cursor:text;
}

.js .form-a label {
	top:0;
	left:0;
}

.form-a input {
	position:relative;
	z-index:1;
	padding:0 10px;
	height:38px;
	border:1px solid #dcd9d9;
	background:#f5f5f5;
	color:#dc0a0a;
	font-style:italic;
	font-family:Cambria,Georgia,serif;
	line-height:38px;
}

.form-a p > input {
	width:598px;
}

.form-a span > input {
	width:278px;
}

.form-a textarea {
	position:relative;
	z-index:1;
	padding:9px 9px 9px 10px;
	min-height:159px;
	width:599px;
	height:159px;
	border:1px solid #dcd9d9;
	background:#f5f5f5;
	color:#dc0a0a;
	font-style:italic;
	font-family:Cambria,Georgia,serif;
}

.form-a button {
	position:relative;
	display:block;
	float:right;
	margin:-9px 0 0;
	padding:0 23px;
	height:39px;
	border:0;
	border-bottom:2px solid #917460;
	background:url(../images/background.gif);
	color:#fff;
	font-style:italic;
	font-size:1.333em;
	font-family:Cambria,Georgia,serif;
}

.form-a button {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.form-b {
	position:relative;
	padding:0 0 30px;
}

.double-c .form-b {
	padding-top:45px;
}

.form-b .double-c {
	padding-top:0;
}

.form-b legend {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	color:#aa8a71;
	text-align:left;
	font-weight:500;
	font-style:italic;
	font-size:1.5em;
	font-family:Cambria,Georgia,serif;
}

.ie7 .form-b legend {
	left:-7px;
}

.form-b h3 {
	margin:0 0 17px;
	color:#aa8a71;
	text-align:left;
	font-weight:500;
	font-style:italic;
	font-size:1.5em;
	font-family:Cambria,Georgia,serif;
}

.form-b .double-c h3 {
	margin:0 0 24px;
}

.form-b p {
	position:relative;
	margin:0 0 10px;
	width:100%;
	color:#706a64;
	font-size:1.2em;
	font-family:Tahoma,Geneva,sans-serif;
}

.form-b p:after {
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	content:"";
}

.form-b p > label {
	top:0;
	left:0;
	z-index:2;
	display:block;
	padding:0 10px;
	line-height:40px;
	cursor:text;
}

.js .form-b p > label {
	position:absolute;
}

.form-b p > label span {
	color:#e75a39;
}

.form-b p > input {
	position:relative;
	z-index:1;
	padding:0 9px;
	width:280px;
	height:38px;
	border:1px solid #dcd9d9;
	background:#f8f8f8;
	color:#706a64;
	line-height:38px;
}

.form-b p.error {
	color:#e35a39;
}

.form-b p.error p > input {
	border-color:#e35a39;
	background:#fff;
	color:#e35a39;
}

.form-b p.error p > label span {
	position:absolute;
	top:-3000em;
	left:-3000em;
}

.form-b .submit {
	font-size:1.4em;
}

.form-b .submit button {
	position:relative;
	display:block;
	float:left;
	margin:0 11px 0 0;
	padding:0 15px;
	height:27px;
	border:0;
	background:url(../images/background.gif) center 0;
	color:#fff;
	text-decoration:none;
	font-style:italic;
	font-family:Cambria,Georgia,serif;
	line-height:27px;
}

.form-b .submit button,.form-c button,td[colspan] button,td[colspan] a {
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 2px 0 #917460;
	-moz-box-shadow:0 2px 0 #917460;
	box-shadow:0 2px 0 #917460;
}

.form-b .submit button:hover,.form-b .submit button:focus,.form-b .submit button:active,.form-c button:hover,.form-c button:focus,.form-c button:active,.table-b td.a button:hover,.table-b td.a button:focus,.table-b td.a button:active,.table-b td.a a:hover,.table-b td.a a:focus,.table-b td.a a:active {
	text-decoration:underline;
}

.form-b .submit a {
	display:block;
	float:left;
	line-height:27px;
}

.cols-a > :first-child > .form-b fieldset > .submit button {
	float:right;
	margin:0 0 0 11px;
}

.form-c,.input-a {
	padding-top:2px;
	width:100%;
}

.form-c:after,.input-a:after {
	display:block;
	clear:both;
	overflow:hidden;
	height:0;
	content:"";
}

p.input-a {
	font-size:1.4em;
}

td.input-a {
	width:auto;
	font-size:1.4em;
}

.form-c p {
	font-size:1.4em;
	font-family:Cambria,Georgia,serif;
}

.form-c label {
	position:absolute;
	top:-3000em;
	left:-3000em;
}

.form-c input,.input-a input {
	float:left;
	margin:0 2px 0 0;
	width:42px;
	height:27px;
	border:0;
	border-bottom:2px solid #917460;
	background:#f2f2f2;
	text-align:center;
	font-family:Cambria,Georgia,serif;
	line-height:27px;
}

.form-c button,.input-a button {
	position:relative;
	display:block;
	float:left;
	margin:0 11px 0 0;
	padding:0 9px;
	height:27px;
	border:0;
	background:url(../images/background.gif) center 0;
	color:#fff;
	text-decoration:none;
	font-style:italic;
	font-family:Cambria,Georgia,serif;
	line-height:27px;
}

.form-c .plus-one,.form-c .minus-one,.input-a .plus-one,.input-a .minus-one {
	display:block;
	float:left;
	margin:0 2px 0 0;
	width:27px;
	height:27px;
	border-bottom:2px solid #917460;
	background:#f2f2f2;
	color:#706a64;
	text-align:center;
	text-decoration:none;
	font-weight:700;
	font-size:1.545em;
	font-family:Cambria,Georgia,serif;
	line-height:27px;
}

/*! Tables --------- */
table {
	display:table;
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
}

th,td {
	padding:4px 8px 2px;
	border:1px solid #dcd9d9;
	color:#837e79;
	text-align:left;
	font-weight:400;
	font-size:1.4em;
	font-family:Cambria,Georgia,serif;
}

th {
	background:#f8f8f8;
	font-style:italic;
}

td.price {
	color:#e75a39;
	font-weight:700;
	font-size:1.6em;
}

td.price sup {
	margin:0 0 0 3px;
	font-size:.65em;
}

.table-a {
}

.table-a td:first-child {
	padding:7px 8px 12px;
	font-style:italic;
	font-size:1.8em;
}

.table-b {
	margin-top:22px;
}

.table-b img {
	display:block;
	margin:0 auto;
}

.table-b a {
	font-style:italic;
	font-size:1.285em;
}

.table-b tr > :first-child {
	padding-right:6px;
	padding-left:6px;
	width:36px;
}

.table-b td.close a {
	display:block;
	overflow:hidden;
	padding:0;
	width:16px;
	height:16px;
	background:url(../images/sprite-a.png) -19px -524px no-repeat;
	text-indent:-3000em;
}

.table-b td.a {
	padding:10px;
	text-align:right;
	font-style:italic;
	font-size:1.4em;
	font-family:Cambria,Georgia,serif;
}

.table-b td.a a,.table-b td.a button {
	position:relative;
	display:-moz-inline-stack;
	display:inline-block;
	margin:0 0 0 11px;
	padding:0 15px;
	height:27px;
	border:0;
	background:url(../images/background.gif) center 0;
	color:#fff;
	text-decoration:none;
	font-style:italic;
	font-size:1em;
	font-family:Cambria,Georgia,serif;
}

.table-b td.a a {
	line-height:27px;
}

.table-c {
	width:279px;
}

.table-c-wrapper {
	overflow:hidden;
	width:100%;
}

.table-c-wrapper .table-c {
	float:right;
}

.table-c th,.table-c td {
	padding-right:10px;
	padding-left:10px;
}

/*! Helpers --------- */
* {
	-webkit-transition:.2s color,.2s background-color;
	-moz-transition:.2s color,.2s background-color;
	-ms-transition:.2s color,.2s background-color;
	-o-transition:.2s color,.2s background-color;
	transition:.2s color,.2s background-color;
}

.link-b a,.form-b .submit button {
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}

.form-a p.contact-check input {
	float:left;
	margin:0 10px 0 0;
	width:15px;
	height:24px;
}

.gallery-b > li .price > span,.news-c article,#top.b #nav > ul > li > a > .shade-a,#top.b #nav > ul > li > a > .shade-b,.list-d li a,.list-d li a * {
	-webkit-transition:.2s all;
	-moz-transition:.2s all;
	-ms-transition:.2s all;
	-o-transition:.2s all;
	transition:.2s all;
}

.clear {
	clear:both;
	overflow:hidden;
	width:100%;
	height:0;
}

.hidden,[hidden] {
	position:absolute;
	top:-3000em;
	left:-3000em;
	visibility:hidden;
}

hr,.hr {
	display:block;
	overflow:hidden;
	margin:15px 0;
	padding:0;
	width:100%;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	background:none;
	font-size:0;
}

.hr hr {
	display:none;
}

#root .mb-a {
	margin-bottom:20px;
}

/*! Warnings --------- */
p.lt-ie8,#root:after {
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	width:100%;
	height:28px;
	background:#333;
	color:#fff;
	text-align:center;
	font-size:1.2em;
	line-height:28px;
}

p.lt-ie8 a {
	color:#fff;
	text-decoration:underline;
	font-weight:700;
}

p.lt-ie8 a:hover,p.lt-ie8 a:focus,p.lt-ie8 a:active {
	text-decoration:none;
}

#root:after {
	content:"Ummm.. please, enable JavaScript support to fully experience this site.";
}

.js #root:after {
	position:absolute;
	top:-3000em;
	left:-3000em;
}

.js body {
	padding-top:0;
}

.lt-ie8 body {
	padding-top:28px;
}

/*! Miscellaneous --------- */
svg:not(:root) {
	overflow:hidden;
}

::selection {
	background:#dc0a0a;
	color:#fff;
	text-shadow:none;
}

::-moz-selection {
	background:#dc0a0a;
	color:#fff;
	text-shadow:none;
}

#fancybox-loading {
	position:fixed;
	top:50%;
	left:50%;
	width:40px;
	height:40px;
	margin-top:-20px;
	margin-left:-20px;
	cursor:pointer;
	overflow:hidden;
	z-index:1104;
	display:none;
}

#fancybox-loading div {
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:480px;
	background-image:url(../images/fancybox/fancybox.png);
}

#fancybox-overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1100;
	display:none;
}

#fancybox-tmp {
	border:0;
	overflow:auto;
	display:none;
	margin:0;
	padding:0;
}

#fancybox-wrap {
	position:absolute;
	top:0;
	left:0;
	z-index:1101;
	outline:none;
	display:none;
	padding:20px;
}

#fancybox-outer {
	position:relative;
	width:100%;
	height:100%;
	background:url(../images/shade-a.png);
}

#fancybox-outer {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#fancybox-content {
	width:995px!important;
	height:450px!important;
	outline:none;
	position:relative;
	overflow:hidden;
	z-index:1102;
	border:none!important;
	background:none;
	padding:10px;
}

#fancybox-hide-sel-frame {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent;
	z-index:1101;
}

#fancybox-close {
	display:none!important;
	position:absolute;
	top:-15px;
	right:-15px;
	width:30px;
	height:30px;
	background:transparent url(../images/fancybox/fancybox.png) -40px 0;
	cursor:pointer;
	z-index:1103;
	display:none;
}

#fancybox-error {
	color:#444;
	font:normal 12px/20px Arial;
	margin:0;
	padding:14px;
}

#fancybox-img {
	width:100%;
	height:100%;
	border:none;
	outline:none;
	line-height:0;
	vertical-align:top;
	margin:0;
	padding:0;
}

#fancybox-frame {
	overflow:hidden;
	width:100%;
	height:100%;
	border:none;
	display:block;
}

/*#fancybox-left, #fancybox-right { position: absolute; bottom: 30px; width: 81px; height: 30px; cursor: pointer; outline: none; background-image: url(../images/sprite-a.png) !important; z-index: 1102; display: none; }*/
#fancybox-left {
	right:184px;
	background-position:-17px -449px;
}

#fancybox-right {
	right:84px;
	background-position:-17px -489px;
}

#fancybox-left-ico,#fancybox-right-ico {
	display:none!important;
	position:absolute;
	top:50%;
	left:-9999px;
	width:30px;
	height:30px;
	margin-top:-15px;
	cursor:pointer;
	z-index:1102;
	display:block;
}

#fancybox-left-ico {
	background-image:url(../images/fancybox/fancybox.png);
	background-position:-40px -30px;
}

#fancybox-right-ico {
	background-image:url(../images/fancybox/fancybox.png);
	background-position:-40px -60px;
}

#fancybox-left:hover,#fancybox-right:hover {
	visibility:visible;
}

#fancybox-left:hover span {
	left:20px;
}

#fancybox-right:hover span {
	left:auto;
	right:20px;
}

.fancybox-bg {
	position:absolute;
	border:0;
	width:20px;
	height:20px;
	z-index:1001;
	margin:0;
	padding:0;
}

#fancybox-title {
	font-family:Helvetica;
	font-size:12px;
	z-index:1102;
}

.fancybox-title-inside {
	padding-bottom:10px;
	text-align:center;
	color:#333;
	background:#fff;
	position:relative;
}

.fancybox-title-outside {
	padding-top:10px;
	color:#fff;
}

.fancybox-title-over {
	position:absolute;
	bottom:0;
	left:0;
	color:#FFF;
	text-align:left;
}

#fancybox-title-over {
	background-image:url(../images/fancybox/fancy_title_over.png);
	display:block;
	padding:10px;
}

.fancybox-title-float {
	position:absolute;
	left:0;
	bottom:-20px;
	height:32px;
}

#fancybox-title-float-wrap {
	border:none;
	border-collapse:collapse;
	width:auto;
}

#fancybox-title-float-wrap td {
	border:none;
	white-space:nowrap;
}

#fancybox-title-float-left {
	background:url(../images/fancybox/fancybox.png) -40px -90px no-repeat;
	padding:0 0 0 15px;
}

#fancybox-title-float-main {
	color:#FFF;
	line-height:29px;
	font-weight:700;
	background:url(../images/fancybox/fancybox-x.png) 0 -40px;
	padding:0 0 3px;
}

#fancybox-title-float-right {
	background:url(../images/fancybox/fancybox.png) -55px -90px no-repeat;
	padding:0 0 0 15px;
}

/* Responsive --------- */
@media only screen and (max-width: 920px) {
	#top.a #nav {
		position:absolute!important;
		z-index:9999;
		position:fixed;
		height:100px !important;
		width:100%;
		background: none!important;
	}
	
	#top h1 a,#contact h1 a {
		z-index:9999;
		position:absolute;
		display:block;
		width:270px;
		height:124px;
		background:url(../images/logojuanitas.png) no-repeat;
		float: left;
		margin: 0;
	}
	
	#top.a #nav {
		z-index:9999;
		position:fixed;
		height:50px !important;
		width:100%;
		background:none!important;
	}
	
	.socialnavtwitter {
		background:url(../images/sprite-a.png) no-repeat -56px -1506px;
		width:14px!important;
		height:17px!important;
		margin-top:5px!important;
		padding-left:10px!important;
		padding-right:1px!important;
	}
	
	.socialnavfb {
		background:url(../images/sprite-a.png) no-repeat -16px -1504px;
		width:8px!important;
		height:17px!important;
		margin-top:3px!important;
	}
	
	#content > *,#footer > *,#footer > nav ul,#root #top > div,.module-b > * {
		width:96%;
	}
	
	#top h1 a,#contact h1 a {
		z-index:9999;
		margin-left:25%;
		margin-top:5%;
		display:block;
		background:url(../images/logojuanitas320.png) no-repeat!important;
	}
	
	#root #top,#top.a {
		z-index:8888;
		height:200px;
		background:url(../images/background.gif);
	}
	
	#top h1,#contact h1 {
		margin-left:-370px;
	}
	
	#nav {
		text-align:left;
	}
	
	#nav > ul li {
		position:relative;
		left:50px;
	}
	
	#nav > ul li > ul {
		display:none!important;
		position:absolute;
		left:-3000em;
		top:-3000em;
	}
	
	#root #top > #featured {
		padding:0;
	}
	
	#root #top > #featured * {
		position:absolute;
		left:-3000em;
		top:-3000em;
	}
	
	#root #top > div {
		padding:45px 0 20px;
	}
	
	#root #top > div h2 {
		margin-bottom:10px;
	}
	
	#root #top > div br {
		display:none;
		position:absolute;
		left:-3000em;
		top:-3000em;
	}
	
	#top.a {
		padding:100px 0 0;
	}
	
	#top.b {
		padding:0;
	}
	
	#top.a #nav,#top.c #nav {
		height:inherit;
		padding:1em 0;
	}
	
	#top.b #nav,#top.c #nav {
		height:inherit;
		padding:0 0 1em;
	}
	
	#top.c #nav {
		padding-top:1.5em;
		background:#fff;
	}
	
	#top.b h1,#top.c h1 {
		position:relative;
		left:0;
		top:0;
		margin:0 auto;
		width:96%;
		margin-bottom:14px;
		padding:21px 0 0;
	}
	
	#top.a #nav ul,#top.b #nav ul,#top.c #nav ul {
		overflow:hidden;
		position:relative;
		left:0;
		right:0;
		top:0;
		width:100%;
		margin:0;
	}
	
	#top.b #nav > ul {
		padding-top:16px;
	}
	
	#top.a #nav ul li,#top.b #nav ul li,#top.c #nav ul li {
		float:left;
		height:inherit;
		padding:0 0 2px 5px;
		background:none;
	}
	
	#top.a #nav ul li a,#top.b #nav ul li a,#top.c #nav ul li a {
		height:24px;
		line-height:24px;
	}
	
	#top.a > div,#top.b > div,#top.b #nav ul li a .shade-b,#top.b #nav ul li a .shade-c,#top.c > div {
		display:none!important;
	}
	
	#cart {
	}
	
	#cart form {
		position:relative;
		left:0;
		top:0;
		width:96%;
		margin:0 auto 1em;
	}
	
	#cart ul {
		width:100%;
		margin:0 auto 1em;
	}
	
	#footer {
	}
	
	#footer > .double-a {
		border:1px solid #d4d1d2;
		background:url(http://galletas-juanita.com.mx/images/footer-top.png) center -10px no-repeat #fff;
	}
	
	#footer > .double-a {
		border-radius:7px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
	}
	
	#footer > .double-a:after {
		background:none;
	}
	
	#info > * {
		width:22%;
		padding-right:3%;
	}
	
	#info > :last-child {
		width:30%;
		padding-right:0;
	}
	
	#footer > nav {
		background:#624c4d;
	}
	
	#footer > nav p {
		left:inherit;
		right:2%;
		margin:0;
	}
	
	#footer .totop {
		display:none;
	}
	
	.cols-a,.cols-b {
		background-image:none;
	}
	
	.cols-a > :first-child,.cols-b > :first-child {
		width:420px;
	}
	
	.double-a {
	}
	
	.double-a > * {
		width:240px;
	}
	
	.double-b {
	}
	
	.double-b > * {
		width:48%;
		padding:0;
	}
	
	.double-c {
	}
	
	.double-c > *,.double-c > :first-child {
		float:none;
		width:100%;
		margin:0 0 1.5em;
	}
	
	.triple-a {
	}
	
	#root .triple-a > * {
		float:left;
		margin:0 20px 20px 0;
	}
	
	#root #content > .gallery-a {
		left:0;
		width:96%;
		margin-top:-25px;
	}
	
	#root #content > .gallery-b {
		left:0;
		width:96%;
	}
	
	#root #content > .gallery-b > .clear {
		position:absolute;
		left:-3000em;
		top:-3000em;
	}
	
	#root .module-a {
		width:92%;
		padding-left:2%;
		padding-right:2%;
	}
	
	#root .module-a .image-a {
		position:relative;
		right:0;
		top:0;
		margin-left:10px;
		margin-right:10px;
	}
	
	.news-a {
	}
	
	.news-a header figure img,.plain figure img {
		width:100%!important;
		height:auto!important;
		border:0;
	}
	
	.news-a header figure .shade-a {
		display:none;
	}
	
	.news-c {
		width:100%;
	}
	
	.news-c article {
		float:none;
		width:auto;
		margin:0 0 20px;
	}
	
	.news-d article {
		width:auto;
		padding:9px;
	}
	
	.news-d p.price {
		position:relative;
		left:0;
		bottom:0;
		width:auto;
		padding:0;
		border:0;
	}
	
	.news-d figure {
		position:relative;
		left:0;
		top:0;
		float:left;
		margin:0 10px 0 0;
	}
	
	.plain {
	}
	
	.plain article {
		padding-left:20px;
	}
	
	.plain figure {
		display:none;
	}
	
	.product-a {
	}
	
	.product-a > :first-child {
		float:none;
		width:100%;
		margin:0 0 2em;
	}
	
	.product-a > aside {
		float:none;
		width:100%;
	}
	
	.slider-b {
	}
	
	.slider-b .bx-prev {
		right:22px;
	}
	
	.slider-b .bx-next {
		right:0;
	}
	
	.double-b figure {
		position:relative;
		float:left;
		margin:0 1em 1em 0;
	}
	
	.form-a span input {
		width:178px;
	}
	
	.form-a textarea,.form-a p > input {
		width:400px;
	}
	
	#fancybox-wrap {
		width:620px!important;
		height:320px!important;
	}
	
	#fancybox-content {
		width:600px!important;
		height:300px!important;
	}
}

@media only screen and (max-width: 768px) {
	.cols-a {
	}
	
	.cols-a > :first-child,.cols-b > :first-child {
		width:380px;
	}
	
	.form-a span input {
		width:158px;
	}
	
	.form-a textarea,.form-a p > input {
		width:359px;
	}
}

@media only screen and (max-width: 600px) {
	#root #top {
	}
	
	#top h1,#contact h1 {
		position:relative;
		left:0;
		top:0;
		margin:0 auto;
		width:96%;
		padding:21px 0;
	}
	
	#nav,#contact > #nav {
		height:40px;
		background:#fff;
	}
	
	#nav > ul {
		position:relative;
		left:0;
		top:5px;
		width:96%;
		margin:0 auto;
	}
	
	#nav > ul li {
		left:0;
	}
	
	#top > #featured {
		background:none;
	}
	
	#top.a {
		padding-top:0;
	}
	
	#top.a h1 {
		padding-top:0;
		padding-bottom:25px;
	}
	
	#cart {
	}
	
	#cart form p {
		float:none;
	}
	
	#cart form input {
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	
	#footer {
	}
	
	#info {
		padding-bottom:0;
	}
	
	#info > * {
		width:47%;
		height:160px;
	}
	
	#info > :last-child {
		width:50%;
	}
	
	.cols-a {
	}
	
	.cols-a > :first-child,.cols-b > :first-child {
		margin-bottom:2em;
	}
	
	.cols-a > :first-child,.cols-a > aside,.cols-b > :first-child,.cols-b > aside {
		width:94%;
		padding:0 3%;
	}
	
	.triple-a {
	}
	
	#root .triple-a > * {
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
	
	.gallery-a {
	}
	
	.gallery-a > li {
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
	
	.gallery-b > li {
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
	
	.double-a {
	}
	
	.double-a > * {
		width:170px;
	}
	
	.form-a p > span {
		float:left;
	}
	
	.form-a p > span:first-child {
		margin-right:20px;
	}
	
	#root .form-a label {
		position:relative;
		left:0;
		top:0;
		height:auto;
		margin:0!important;
		padding:0 2px 4px;
		line-height:1.3;
	}
	
	.form-a span input {
		width:220px;
		margin:0 0 10px;
		padding:0 3%;
	}
	
	.form-a textarea {
		width:94%;
		padding:3%;
	}
	
	.form-a p > input {
		width:94%;
		padding:0 3%;
	}
	
	.form-a button {
		left:2px;
	}
	
	#fancybox-wrap {
		width:500px!important;
		height:360px!important;
	}
	
	#fancybox-content {
		width:480px!important;
		height:340px!important;
	}
}

@media only screen and (max-width: 480px) {
	#root > #contact,#contact > #map {
		height:360px;
	}
	
	#footer {
	}
	
	#footer > .double-a {
		background:#fff;
	}
	
	#footer > nav {
		height:auto;
	}
	
	#footer > nav p {
		position:relative;
		left:0;
		right:0;
		width:96%;
		margin:0 auto 4px;
	}
	
	#footer > .double-a {
		padding-bottom:1em;
	}
	
	.double-a > *,.double-a > :first-child {
		left:0;
		float:none;
		width:96%;
		padding-left:2%;
		padding-right:2%;
	}
	
	.double-a figure {
		position:relative;
		top:0;
		float:left;
		margin:0 1em 1em 0;
	}
	
	.double-b {
	}
	
	.double-b > * {
		float:none;
		width:100%;
	}
	
	.news-d p.link-b {
		position:relative;
		right:0;
		bottom:0;
	}
	
	#fancybox-wrap {
		width:320px!important;
		height:460px!important;
	}
	
	#fancybox-content {
		width:300px!important;
		height:440px!important;
	}
	
	#fancybox-left {
		right:131px;
	}
	
	#fancybox-right {
		right:31px;
	}
}

@media only screen and (max-width: 320px) {
#top.a #nav {
	padding: 0 !important;
	margin:0 !important;
	position:fixed;
	height:10px !important;
	width:100%;
	background: none;
		-webkit-box-shadow: 0px 4px 5px rgba(0,0,0,0.30) !important;
    box-shadow: 0px 4px 5px rgba(0,0,0,0.30); 
    z-index: 3;
}


	#top h1 a,#contact h1 a {
		z-index:9999;
		position:absolute;
		display:inline-block;
		background:url(../images/logojuanitas320.png) no-repeat;
		float: left;
		margin-left: 10px;
		margin-top:0;
		padding: 0;
		width: 51px !important;
	}
	#nav > ul {
	list-style: none;
}

	#nav > ul li {
	display: block;
 text-align: left;
float: left !important;
margin: 0;
padding: 10px;	
width: 50px;
}
	#nav:hover > ul{
display: block;

}

	
		
	#footer {
	}
	
	#root #info > * {
		float:none;
		width:100%;
		height:auto;
		padding:0 0 2em;
	}
	
	.gallery-b {
	}
	
	.gallery-b > li {
		width:96%;
		padding-left:2%;
		padding-right:2%;
	}
	
	.news-a {
	}
	
	.news-a footer > ul > li {
		padding-left:0;
	}
	
	.news-a footer > ul > li ul li {
		padding-left:50px;
	}
	
	#root .news-a footer > ul img {
		left:-3000em;
		top:-3000em;
	}
	
	.tabs-a > ul li {
		padding:0 6px;
	}
	
	.image-a {
		margin-left:0;
		margin-right:0;
	}
	
	.image-a .wrapper {
		padding:0;
		border:0;
	}
	
	.image-a .wrapper > .shade-a,.image-a .wrapper > .shade-b {
		display:none;
	}
	
	.form-b p > input {
		width:100%;
		padding-left:0;
		padding-right:0;
	}
	
	#fancybox-wrap {
		width:240px!important;
		height:520px!important;
	}
	
	#fancybox-content {
		width:220px!important;
		height:500px!important;
	}
}