/************************************/
/* PAGE TITLE */
/************************************/

#pageTitle {
  z-index: 20;
}

#pageTitle {
  padding: 1vh 0 3vh 0;
}

#pageTitle .pageTitleUl {
  text-align: center;
}

#pageTitle .pageTitleLi {
  display: inline-block;
  padding: 0 5px;
  vertical-align: middle;
}

#pageTitle .pageTitleLi::before {
  content: "»";
  font-family: 'Arial', sans-serif;
  vertical-align: middle;
}

#pageTitle .pageTitleLi:first-child {
  padding: 0 5px 0 0;
}

#pageTitle .pageTitleLi:first-child::before {
  content: "";
}

#pageTitle .pageTitleLink {
  color: #333;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}

#pageTitle .formStyle {
  margin: 10px 0 0 0;
}

#pageTitle .fsDropDown {
  margin: 0;
}

/************************************/
/* END PAGE TITLE */
/************************************/

/************************************/
/* FILTER */
/************************************/

#filter {
  padding: 0;
}

#filter .pageUl {
  width: calc(100% - 100px);
  display: inline-block;
  vertical-align: middle;
}

#filter .pageLi {
  display: inline-block;
  padding: 0 2px;
  vertical-align: middle;
}

#filter .pageLi:first-child {
  display: inline-block;
  padding: 0 2px 0 0;
}

#filter .fsInput {
  margin: 0;
  max-width: 50px;
  text-align: center;
  min-height: 35px;
  padding: 9px;
}

#filter .filterDiv {
  display: inline-block;
  width: 100px;
  vertical-align: middle;
  text-align: right;
  position: relative;
  z-index: 10;
}

#filter .filterMenu {
  position: absolute;
  right: 0;
  width: 300px;
  display: none;
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

#filter .formStyle .cta {
  width: 100%;
}

/************************************/
/* END FILTER */
/************************************/

/************************************/
/* DETAIL */
/************************************/

#detail {
  padding: 3vh 0 0 0;
}

#detail .detailBack {
  text-align: right;
}

#detail .detailMain {
  padding: 0;
}

#detail .detailTitle {
  text-align: center;
  padding: 20px 10px;
  font-weight: bold;
  background: linear-gradient(to bottom, #fff, #ccc);
}

#detail .detailImg {
  max-width: 400px;
  margin: auto;
  padding: 10px;
  display: block;
}

#detail .detailExtras {
  padding: 0 10px 10px 10px;
}

#detail .detailExtraUl {
  text-align: center;
}

#detail .detailExtraLi {
  display: inline-block;
	padding: 5px;
	margin: 2px;
	border-radius: 3px;
	background: #53984e;
	color: #fff;
}

#detail .detailExtraLi.red {
  background: #f05228;
}

#detail .detailFunctionsUl {
  padding: 2vh 0;
}

#detail .detailStock {
  margin: 2px;
}

#detail .detailFunctionDiv {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(255,255,255,.95);
  z-index: 100;
  display: none;
}

#detail .detailFunctionLi {
  padding: 10px 0;
}

#detail .detailFunctionLi:first-child .formStyle {
  width: 80%;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
}

#detail .formCheckDiv {
  margin: 0 0 10px 0;
}

#detail .formCheckDiv .fsCheckbox {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

#detail .formCheckDiv .checkboxText {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 10px;
}

#detail .detailFunctionDiv .icon-close {
  position: absolute;
  top: 4vw;
  right: 4vw;
}

#detail .socialShare {
  padding: 30px 0 0 0;
  text-align: center;
}

#detail .socialShareUl {
	padding: 10px 0 0 0;
}

#detail .socialShareLi {
	padding: 2px;
  display: inline-block;
}

#detail .socialLink {
	text-decoration: none;
	font-size: 26px;
	padding: 10px;
	color: #333;
}

#detail .detailStarsTxt {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px 0 0;
}

#detail .detailStar {
  display: inline-block;
  padding: 0 2px;
  vertical-align: middle;
  color: #999;
}

#detail .starsForm {
  padding: 10px 0 0 0;
}

#detail .starsForm .fsDropDown {
  width: 50px;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  min-height: auto;
}

#detail .starsForm .cta {
  vertical-align: middle;
  margin: 0 0 0 5px;
}

#detail .detailFunctionLi.sectionBorder {
  padding: 10px;
}

#detail .detailFlag {
  vertical-align: middle;
  text-transform: uppercase;
  padding: 5px 0;
}

#detail .detailFlagImg {
  width: auto;
  vertical-align: middle;
  padding: 0 5px 0 0;
}

/************************************/
/* END DETAIL */
/************************************/

/************************************/
/* DETAIL INFO */
/************************************/

#detailInfo {
  padding: 20px 0 3vh 0;
}


#detailInfo p {
  padding: 10px 0;
}

/************************************/
/* END DETAIL INFO */
/************************************/

/************************************/
/* CART */
/************************************/

#cart .cartPagesUl {
  padding: 0 0 20px 0;
}

#cart .cartPagesLi {
  display: inline-block;
  width: 25%;
  padding: 0 5px;
}

#cart .cartPagesLi .cta {
  text-align: center;
  width: 100%;
}

#cart .cartPagesLi .cta.active {
  background: #fff;
  color: #333;
}

/************************************/
/* END CART */
/************************************/

/************************************/
/* LOGIN */
/************************************/

#login .ctaLogin {
  text-align: center;
  width: 100%;
}

#login .recuperar {
  padding: 30px 0 10px 0;
}

/************************************/
/* END LOGIN */
/************************************/

/************************************/
/* REGISTER CTA */
/************************************/

#registerCta .bold {
  font-weight: bold;
}

#registerCta .cta {
  text-align: center;
  width: 100%;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background: #112956;
  color: #fff;
}

/************************************/
/* END REGISTER CTA */
/************************************/

/************************************/
/* CLIENTE NAV */
/************************************/

#clienteNav {
  padding: 0;
}

#clienteNav .burger {
  display: inline-block;
  vertical-align: middle;
}

#clienteNav .burger li {
	background: #112956;
}

#clienteNav .clienteNavDiv {
  display: inline-block;
  padding: 0 0 0 10px;
  vertical-align: middle;
}

#clienteNav .clienteNavName {
  font-weight: bold;
}

#clienteNav .clienteMenu {
  position: absolute;
  left: 4vw;
  z-index: 10;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
  min-width: 300px;
  display: none;
}

#clienteNav .clienteNavLink {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

#clienteNav .clienteNavLink:last-of-type {
  border-bottom: none;
}

/************************************/
/* END CLIENTE NAV */
/************************************/

/************************************/
/* CLIENTE */
/************************************/

#cliente .sectionTitle, #cart .clienteEncomendasTitle {
  text-align: left;
  font-weight: bold;
  padding: 0 0 20px 0;
}

#cliente .sectionBorder {
  margin: 0 0 10px 0;
}

#cliente dl {
  display: inline-block;
  vertical-align: middle;
}

#cliente .dlImg {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  padding: 0 10px 0 0;
}

#cliente .formCheckDiv {
  margin: 0 0 10px 0;
}

#cliente .formCheckDiv .fsCheckbox {
  vertical-align: middle;
  display: inline-block;
  margin: 0;
}

#cliente .formCheckDiv .checkboxText {
  vertical-align: middle;
  display: inline-block;
  padding: 0 0 0 10px;
}

#cliente .encomendaDetail {
  display: none;
  padding: 10px 0;
}

#cliente .encomendaTitle {
  cursor: pointer;
  font-weight: bold;
}

#cliente .encomendaTitle dl {
  width: calc(100% - 140px);
  padding: 0 5px;
}

#cliente .encomendaTitle dl:first-child {
  width: 30px;
}

#cliente .encomendaTitle dl:last-child {
  width: 100px;
  text-align: right;
}

#cliente .encomendaDetail dl {
  display: block;
  padding: 5px 0;
}

/************************************/
/* END CLIENTE */
/************************************/

/************************************/
/* TEXT PAGE */
/************************************/

#textPage p {
  padding: 10px 0;
}

/************************************/
/* END TEXT PAGE */
/************************************/

/************************************/
/* LIST PAGE */
/************************************/

#listPage .sectionBorder {
  margin: 0 0 10px 0;
}

#listPage .listPageTitle {
  font-weight: bold;
  padding: 5px 5px 5px 0;
  vertical-align: middle;
  cursor: pointer;
}

#listPage .listPageTitle::before {
  content: "\e818";
  font-family: "icomoon";
  vertical-align: middle;
  padding: 0 10px 0 0;
}

#listPage .listPageTitle.active::before {
  content: "\e819";
}

#listPage .listPageContent {
  padding: 10px 0 0 0;
  display: none;
}

#listPage .listPageContent p {
  padding: 10px 0;
}

/************************************/
/* END LIST PAGE */
/************************************/