/* BACKGROUND BODY */  
body {
    background-repeat: repeat-x !important;
}

.ep-uiDatepicker-timeBar select.ep-uiDatepicker-time{
display:none;
   -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ep-uiDatepicker-container .ep-uiDatepicker-time select{
display:none;
   -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


  /* INICIO GERAL */


  
  
body *, .Div .Header .SizeContainer, .Div .NavBarTop .SizeContainer, .Div .NavBarBottom .SizeContainer, .Div .Footer .SizeContainer, a , 
h1, h2, h3, h4{
font-family: 'Source Sans Pro', sans-serif !important;

/*
color: red !important;
font-weight: 400 !important;
font-size:12px !important;
*/
}




.ContentArea h2 {
    font-size: 16px;
    color: #B63A31;
    font-weight: normal;
    width: 100%;
    text-align: center;
    padding: 10px 0 10px 0;
}



p{
    background-color: transparent !important;
}

  /* INICIO HEADER */
  
  .Header  .NavigationElement{
  margin-top: 3px;
  }

.Div .Header .ShopLogo{
left: 0;
position: absolute;
margin-top: 15px;
}
  
  
  /* INICIO IDIOMA */
  .Header .NavBarElement1{
left: 0;
top:0;
  padding: 0px 0px 0px 0px;
  margin: 15px 0px 0px 752px !important;
  width: auto !important;
  height: auto !important;
  position: absolute;
  
  }


@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari only override */
    ::i-block-chrome,   .Header .NavBarElement1 {
margin: 15px 0px 0px 0px;

  }
}

.Div .Header .SizeContainer {
    float: right;
    margin-right: 281px;
}
 

  
  
  .Header .NavBarElement1 .BoxContainer{
  float: right !important;
  height: 12px !important;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }
  
  
  .Header .NavBarElement1 .ContextBoxHead{
  display:none!important;
  
  }
  
  .Header .NavBarElement1 .ContextBoxBody{
  clear: none!important;
  float:left !important;
  height: auto !important;
  padding: 0px 3px 0px 3px !important;
    
  }

  .Header  .NavBarElement1 .ContextBoxBody a{
   color: #fff;
  background: #71755c;
  padding: 16px 5px 1px !important;
  font-size: 13px !important;
  }


  
  .Header  .NavBarElement1 .ContextBoxBody:nth-child(2){
  }
  
  /* Alterar para mais idiomas */
  .Header  .NavBarElement1 .ContextBoxBody:nth-child(3){
  /*padding-right: 13px;*/
  }
  
  
  
  .Header .NavBarElement0 .ContextBoxBody .LocaleBoxLink{
  /*line-height: 4px !important;*/
  }
  /* FIM Idiomas */
  
  
 /* INICIO  PESQUISA */
/* POSICIONAMENTO PESQUISA INICIO */ 

/* Primeira Div */
.Header .SearchElement{
top: 0px;
right: 0px;
position: absolute;
margin-top: 126px !important;
width: auto !important;
border: 1px #cdcdcd solid;
}

/* Segunda Div */
.SearchForm{
width: auto !important;
}
.InputField.SearchForm{
border-width:0px;
}
.HorizontalNavBar .SearchElement form{
margin:0px !important;
}

.Header .SearchElement .ContextBoxBody{
padding: 2px 0px 2px 0px;
}


/* Label input */

.Header .ep-uiInput-wrap:first-child, .Header  .ep-uiInput-wrapText:first-child, .Header  .ep-uiValidate, .Header .invalid:first-child{
width: auto !important;
height: auto !important;
margin-top: 2px;
margin-right: -2px;
}

/* INPUT */
.Header .Search, .Header label:first-child .ep-metaparse , .Header label:first-child .ep-uiInput:first-child , .Header label:first-child.ep-uiInput-base , .Header .ep-uiInput-field , .Header .ep-uiInput-text {
width: 300px !important;
height: 24px;
font-size: 16px;
color: #6a6a6a;
border-radius: 0px;
font-weight: normal !important;
border: 0px;
}

/* Icone  */ 
.Header .SearchIcon, .SearchIcon {
    background: url("/WebRoot/Store/Shops/3326-150122/MediaGallery/icons/lupa.png") no-repeat scroll 0% 0% transparent !important;
    
margin-top: 0px !important;
}

.Header button .ep-sprite-s, .Header  .ep-uiInput-button, .Header .ep-sprite-s{
/*margin: 2px 4px 0px -4px !important;*/

}


/* CAMPO PESQUISAR */
 .Header  .ep-uiInput-wrap{
height: 23px;

}

/* BOTAO PESQUISAR */

.Header  .SearchForm .ep-uiInput-wrapButton{
height: auto;
padding: 0px 0px 0px 0px !important;
margin-top: 2px;

}


.Header .ep-uiInput-button {
   height: 23px;
    font-size: 0px !important;
}


/* Tabela com os caixa e botao  */
.SearchElementLayout {
width: 200px !important; 
}

/* FIM PESQUISA */

.Header .NavigationElement{
margin-top: 11px;
}

.Header .NavigationElement a{
text-transform: uppercase;
}


/* FIM header */


/* INICIO NAVBARTOP */

 .NavBarTop {
    z-index: 300 !important;
} 


/* INICIO LOGIN COM CAIXA */
      .NavBarTop .LoginBox{
      position: absolute !important;
      z-index: 100;
      top: 0 !important;
      right: 0 !important;
      margin-top: -201px !important;
      margin-right: 0px !important;
      padding: 0px !important;
      background: none #fff !important;
      background: none transparent !important;
      border: transparent 1px solid;
    /*  box-shadow: 0 2px 4px 0px #015a68;*/
     
      width: 132px;    
      height: 21px;
      
      transition: height  0.5s, border 0.5s, width  0.5s  ;
      -webkit-transition: height  0.5s, border 0.5s, width  0.5s  ;
      -moz-transition: height  0.5s, border 0.5s, width  0.5s  ;
      -ms-transition: height  0.5s, border 0.5s, width  0.5s  ;
      -o-transition: height  0.5s, border 0.5s, width  0.5s  ;  
      }
      
      .NavBarTop .LoginBox *{
      /*font-family: arial;*/
      }
      
      
      .NavBarTop .LoginBox:hover{
      box-shadow: 0 2px 4px 0px #999;
      border: #bbbbbb1 1px solid;
      border-radius: 6px;
      background: none #FFF !important;
      opacity: 1;
      width: 220px;
      height: 221px;
      }
      
     .NavBarTop .LoginBox .ContextBoxBody *, .NavBarTop .LoginBox > form *{
      opacity: 0 ;
    color: #fff;
 /* border-color: #fff;*/    
    border-color: #dbdbdb !important; 
   
      transition: opacity  0.5s, color 1.5s, border-color 0.5s;
      -webkit-transition: opacity  0.5s, color 1.5s, border-color 1.5s;
      -moz-transition: opacity  0.5s, color 0.5s, border-color 0.5s;
      -ms-transition: opacity  0.5s, color 0.5s, border-color 0.5s;
      -o-transition: opacity  0.5s, color 0.5s, border-color 0.5s;  
      display: none;
    }
      
    
      
    .NavBarTop .LoginBox:hover > .ContextBoxBody *, .NavBarTop .LoginBox:hover > form * {
    opacity: 1 ;
    color: initial;
    border-color: initial;
    display: block ;
    } 
       
      
      .NavBarTop .LoginBox .ContextBoxHead {
          padding: 3px 0px 0px 0px;
          height: 17px
          margin: 0px;
          background: none repeat scroll #000 0% 0%;
          background: none transparent !important;
  
      }
      
     .NavBarTop .LoginBox:hover > a span {
     color: #000;
    }
     
     
      .NavBarTop .LoginBox .ContextBoxHead span {
          height: 23px;
          background: none transparent;
          padding: 0;
          margin: 6px 0px 0px 43px !important;
          text-transform: uppercase;
        color: #201d21;
      font-size: 13px !important;
      }


   .NavBarTop .LoginBox .HiddenOverflow span {
          text-transform: capitalize !important;;
      }


      
      .NavBarTop .LoginBox input{
      height: 20px !important;
      border-radius: 6px;
      font-size: 12px !important;
      color:  !important;
           
      }
      
      .NavBarTop .LoginBox .InputField input{
      border-radius: 6px;
      width: 189px !important;
      padding-left: 9px !important;
      font-family: arial !important;
      border: 1px   #dbdbdb solid !important;
      }

      .NavBarTop .LoginBox input[type="text"]{
      color: #636363 !important;  
      border: 1px   #dbdbdb solid !important;     
      }
      
      
      .NavBarTop .LoginBox button.LoginButton{
    width: 191px !important;
    height: 25px !important;
    font-size: 12px !important;
    margin-top: 7px; 
      }
      
      .NavBarTop .LoginBox input.RegisterLink, .NavBarTop .LoginBox a.RegisterLink{
      color: #201d21 !important;
      top: 0px !important;
      margin-top: 0px !important;
      line-height: 20px !important;
      height: 20px !important;
      padding: 0px 0px 0px 12px !important;  
  }
        
        
  .NavBarTop .LoginBox .ContextBoxBody > br{
  display:none !important;
  }    
      
      .NavBarTop .LoginBox input.RegisterLink:hover{
      color: #301D21 !important;
        }
      
      .NavBarTop .LoginBox input.Action:hover{
      text-decoration: none;
      }
      
     
      .NavBarTop .LoginBox a, .NavBarTop .LoginBox .InputLabelling{

      color: #201d21 !important;
      font-size: 12px !important;
      padding-left: 0px;
      }
      
      .NavBarTop .LoginBox a.Action:hover{
      /*color: #ddd !important;*/
      text-decoration: none;
      }
      
      
      
      /* setas */
      
      .NavBarTop .LoginBox a.Action, .Link.Action{
      background: url('/WebRoot/StoreTypes/6.14.3/Store/SF/Icon/BusinessSymbols/img_actionlink.png') no-repeat scroll left 3px transparent !important;
      padding: 0px 0px 0px 14px !important;     
    }
      
    
  /* MENSAGEM DE ERRO */
  NavBarTop .DialogError {
  position: absolute;
  top: 0px;
  margin-top: -20px;
  right: 0px;
  margin-right: 8px;
  color: #201d21;
  padding: 1px 3px;
  height: 25px;
  background-position: 5px 5px;
  background-color: #FFF;
  border-color: #201d21;
  border-radius: 5px;
  font-size: 17px;   
  }
    
      
      /* FIM LOGIN COM CAIXA */
      

/* INICIO MENU */
.NavBarTop .DropDownList > .NavigationElement > a{
text-transform: uppercase;
padding: 21px 34px 23px 0px;
}


.NavBarTop .DropDownList > li  > ul li a{
    padding: 8px 0 8px 8px !important;
    font-size: 15px !important;
}


/* SUBMENU COM EFEITO ONMOUSEOVER */
.DropDownList > li a:hover {
   /* background-color: #005A68;*/
    color: #dcd87d;
}

/* FIXAR COR DO MENU PRINCIPAL  */
.DropDownList > li:hover > a {
    /*background-color: #005A68;*/
    color: #dcd87d;
}



/* FIM MENU */

/* FIM NAVBARTOP */

/* INICIO CATEGORIAS */
.ContentArea .CategoryList > h1{
margin: 25px 0px !important;
}

  .Opacidade  img, .HotDealList .ImageArea img, .HotDeal img, .ep-uiSlides-box img, .TextComplete .TinyMCETable img{
   opacity: 1;  
     transition: opacity  0.9s;
    -webkit-transition: opacity  0.9s ;
    -moz-transition: opacity  0.9s ;
    -ms-transition: opacity  0.9s ;
    -o-transition: opacity  0.9s ;   
    }
    
 
  .Opacidade img:hover, .HotDealList .ImageArea img:hover, .HotDeal img:hover, .ep-uiSlides-box img:hover, .TextComplete .TinyMCETable img:hover{
   opacity: 0.5;  
    }
    

    .TextComplete .TinyMCETable img, .CategoryBaseTable .ImgComplete img{
    border-radius: 10px;
    }


/* FIM CATEGORIAS */

/* INICIO NavBarBottom */
/*.NavBarBottom .SizeContainer {
padding-top: 7px;
}*/
.NavBarBottom .NavBarElement0{
margin-top:7px;
}
/* FIM NavBarBottom */

/* INICIO FOOTER */

.FundoFooter{
background-image: url('/WebRoot/Store/Shops/3338-150209/MediaGallery/fundos/Fundo-Rodape.jpg') !important;
/*background-color: #f4f4f2;*/
background-position: left bottom !important;
background-repeat: repeat-x !important;
width: 100%;
height: 400px;
margin-top: -404px;
border-top: 1px solid #dddddd;
}



/* Fundo anterior */
div.FundoFooter:before {
    position: absolute; display: block; content: '';
border-bottom: 1px solid #71755c;
height: 1px;
width: 100%;
box-sizing: border-box;
z-index: 0;
bottom: 0;
margin-bottom: 131px;
}



.Footer tr td:nth-child(1n+2) a{
text-transform: uppercase !important;
}


/* FIM FOOTER */

/* INICIO TRANSVERSAIS */

.margin-left-15px{
margin-left: 15px;
}

/* FIM TRANSVERSAIS */


/* INICIO Produtos */


.ListItemProduct .ImageArea img{
    width: 300px;
    border-radius: 10px;
    margin-right: 25px;
 }
 
 
 .ListItemProductTopFloatArea h3.Headline a{
 font-size: 25px;
 }
 
 .ContentArea a.LinkAppointment, .ContentArea a.LinkAppointment:hover {
    margin-bottom: 0px;
    padding: 1px 0px 3px 20px;
    line-height: 200% !important;
    padding: 5px 35px;
    border-radius: 10px !important;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
  
  background: none ; 

  background: -webkit-linear-gradient( #373a27 30%, #7a805e 70%) !important; /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient( #373a27 30%, #7a805e 70%) !important; /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient( #373a27 30%, #7a805e 70%) !important; /* For Firefox 3.6 to 15 */
  background: linear-gradient( #373a27 30%, #7a805e 70%) !important; /* Standard syntax */

}

.HotDeal{
margin-left: 25px;
width:226px;
}
.HotDeal:first-child{
margin-left: 0px;
}
.HotDeal .ImageArea{
width:220px;
} 
 
.HotDeal .ImageArea img{
	width:220px !important;
	border-radius: 10px;
}

.HotDealFootFloatin {
    width: 100%;
    text-align: center !important;
}
.HotDealFoot .InfoArea {
    width: 100%;
    text-align:center;
}


/* FIM Produtos */


/* INICIO PÁGINA NEWSLETTERS */

#ViewNewsletterForm .ep-uiInput-text{
padding: 9px 0px 5px 5px;
width: 300px;
border-radius: 5px;
font-size: 17px;
line-height: 20px;
height: 22px;
}

#ViewNewsletterForm button{
    font-size: 20px;
    padding: 5px 14px;
    border-radius: 7px;
    margin-left: 86px;
}

/* Esconder botão subscrever 
#ViewNewsletterForm tr > td:first-child,#ViewNewsletterForm tr > td:nth-child(2), #ViewNewsletterForm .DialogButtonbar button:first-child{
display: none;
}
*/


#ViewNewsletterForm .ep-uiValidate-message{
    padding: 2px 0px 2px 5px;
}


#ViewNewsletterForm .LeftPadding, #ViewNewsletterForm > table tr > td:first-child{
    font-weight: bold;
    font-size: 16px;
}


#ViewNewsletterForm button {
    font-size: 18px;
    padding: 0px 10px;
    border-radius: 7px;
    margin-left: 86px;
    height: auto;
}

/* FIM PÁGINA NEWSLETTERS */



/* INICIO Fundo no Slider com 100pct de largura */
.FundoSlider{
background: none repeat scroll 0% 0% #333;
top: 0px;
width: 100%;
height: 70px;
position: absolute;
margin-top: 207px;
z-index: 120;
display: block;
opacity: 0.5;
  background: -webkit-linear-gradient(#363829, #7c805e); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#363829, #7c805e); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#363829, #7c805e); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#363829, #7c805e); /* Standard syntax */

}

/* FIM Fundo no Slider com 100pct de largura */


/* INICIO PASSOS NO CARRINHO */

ul.OrderProcess {
min-height: 123px !important;

}
  
  ul.OrderProcess li, ul.OrderProcess li.ActiveItem{
  height: 140px;
  width: 15% !important;
  margin-bottom: 34px !important;
  min-width: 145px !important;
  background: none #f8f8f8;
  margin: 0 1%;
  padding: 1% 1% 0;
  border-radius: 15px;
  box-shadow: 1px 1px 3px;
  }
  
  ul.OrderProcess li.ActiveItem{
  box-shadow: 1px 1px 2px inset !important;
  }
  
  
  ul.OrderProcess li:first-child{
  margin-left: 0 ;
  }
  
  
  ul.OrderProcess li.ActiveItem a{
  width: auto !important;
  }


  .PassedItem a{
      width: 100% !important;
  }

  
  
  ul.OrderProcess li .ItemImage {
      width: 35px;
      height: 35px;
      margin: 5% auto;
  }
  
  
  ul.OrderProcess li .ItemLabel {
      font-size: 17px !important;
  }
  
/* Titulos */
html .ContentArea table.Basket tr th.SeparateColumn, th.SeparateColumn {
    border-right: 1px solid transparent;
    font-size: 16px;
    text-transform: uppercase;
}

html .ContentArea table.Basket tr th.Col5  {
text-align: right !important;
}

/* Alinhas a unidade na linha do produto */
table.Basket .ProductItem > td .ep-uiInput-wrap{
display: inline !important;
}


  /* Linhas e Fundos */
  table.Basket > tbody > tr{
  background-color: #f8f8f8;
  border-top: 1px solid #cbcbcb ;
  border-bottom: 1px solid #cbcbcb;
  }
  
  table.Basket > tbody > tr > td{
  height: 53px ;
  line-height: 53px ;
  border-top: 1px solid #cbcbcb ;
  border-bottom: 1px solid #cbcbcb;
  
  }
  
  
  table.Basket tr td:first-child{
  padding-left: 29px;
  }
  
  table.Basket .AlternateRow, table.Basket .ProductItem {
  background-color: transparent!important;
  border: 0px !important;
  }
  
  table.Basket tr.AlternateRow td, table.Basket tr.ProductItem  td{
  background-color: transparent !important;
  border: 0px !important;
  
  }
  
  table.Basket tr.ProductItem  td{
  height: 20px ;
  line-height: 20px;
  }
  
  /* Campo Coupon input*/
  
  #RedeemCouponButton input{
  margin-top: 9px !important;
  }
  
  table.Basket #CouponCode{
  top: 10px;
  height: 20px;
  line-height: 20px;
  }
  
  
  div.ShippingOptionContainer {
      padding: 10px 0px 20px 29px;
      width:95%;
  }
  textarea.BasketComment {
      height: 90px !important;
  }
  
 
 /* INICIO PASSO 2 - INICIAR SESSÃO */

#BasketAddressFormContainer {
margin-top: 30px;
}

  
 #BasketAddressFormContainer > h3{
 padding: 7px 13px !important;
 } 
  
  
 .AddressDialog td.InputLabelling, .AddressDialog div.InputLabelling {
    width: 190px;
    height: auto;
    padding: 7px 0px !important;
} 
  
  
 
  .AddressDialog input.Text, .AddressDialog select.Text, .AddressDialog #UserNameInput {
    width: 280px;
    padding: 5px 0 5px 5px;
    margin-left: 20px;
    border-radius: 5px;
}
 
 
 .AddressDialog select.LongText {
    width: 285px;
    line-height: 120%;
    padding: 4px 0 5px;
    height: auto !important;
    border-radius: 5px;
    margin-left: 20px;
}

  
  /* FIM PASSO 2 - INICIAR SESSÃO */
   

 
  
  /* CHECKOUT BUTTONS */

  .DoOrder button[type="submit"]{
  padding: 3px 17px;
  line-height: 28px;  
  background: -webkit-linear-gradient(#494949 20%, #000); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#494949 20%, #000); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#494949 20%, #000); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#494949 20%, #000); /* Standard syntax */
  }
 
  
  .CheckoutButtons a.ep-uiInput-button{
  line-height: 23px !important;
  height: 23px;
  background-position: 0px 1px !important;
  }
  
  .CheckoutButtons button.ep-uiInput-button, .OrderProcessNavigation button.ep-uiInput-button{
  line-height: 23px !important;
  height: 28px !important;
  background-position: 0 1px;
  }
  
  
  .Basket input[type="text"], .Basket .ep-uiInput-text{
      height: 26px !important;
      text-align: center !important;
      padding: 0 !important;
  }
  
 
 
  /* INICIO PASSO 3 CONFIRMAÇÃO */

 #BasketOfferForm .ep-uiInput-wrap.changed.ep-uiInput-field{
 margin: 5px 11px;
float: left;
 }

 .AcceptTAC, .AcceptTAC a {
    font-size: 18px;
}
 
 
 /* FIM PASSO 3 CONFIRMAÇÃO */

  /* FIM PASSOS NO CARRINHOH */

  /* INICIO SISTEMA DE RESERVAS */

#newAppointment input[type="text"], #newAppointment  .ep-uiInput-text, #newAppointment .Dialog div.InputField {
padding: 5px 0 5px 5px !important;
border-radius: 5px !important;
line-height: 27px;
}


/* ESCONDER QUANTIDADE */
#newAppointment .SizeContainer > .InputBlock:first-child{
display: none;
}


#newAppointment select {
padding: 0px 0px 0px 5px !important;
border-radius: 5px !important;
line-height: 25px !important;
height: 25px;
}

#newAppointment textarea{
padding: 5px !important;
border-radius: 5px !important;
}

#newAppointment button{
border-radius: 5px;
padding: 4px 18px;
height: auto !important;
margin-left: 242px;
}


#newAppointment .Dialog div.InputLabelling, #newAppointment .Dialog td.InputLabelling {
    padding: 2px 30px 2px 0px;
    width: 200px;
    text-align: right;
    margin: 7px 0px 7px 0px !important;

    }            



#newAppointment {
    margin: 5px 0px 7px 0;

}
/* FIM SISTEMA DE RESERVAS */