/* Styles para tablet*/
  /* INICIO RESPONSIVE DESIGN */
  

  
  
  @media only screen and (min-width: 990px) {
  /*
  .Header .LoginBox {
  margin-right: 475px !important;
  }
  
  .NavBarTop .SearchBox{
  display: none !important;
  } 
  
  
  .NavBarTop .NavBarElement3 {
  display: none !important;
  }
  */
  }
  
  @media only screen and (max-width: 990px) {
  
  .GeneralLayout {
      width: 100%;
      max-width: inherit;
      /*min-width: 600px;*/
      height: 100%;
      margin: 0px auto;
  }
  
  
  .Div .ContentArea {
      padding-left: 0px;
      padding-left: 16px;
      padding-right: 0px;
      padding-top: 10px;
      margin: 0px auto;
      /*width: 980px;*/
  }
  .start-page .TextComplete table{
  width:100% !important;
  }
  

  
/*  
	.GeneralLayout {
      width: 990px;
      max-width: 990px;
      height: 100%;
      margin: 0px auto 0px auto;
  }
  
  .NavBarRoof, .Header, .NavBarTop, .NavBarBottom, .Footer    {
      max-width: 990px;
      margin: 0px auto;
  }
  
  .Div .ContentArea {
      width: auto !important;
      max-width: 990px !important;
      margin: 0px auto 0px auto;
      background-image:none;
  }*/
	.Div .ContentArea,
	#ContentAreaFix, .Div .ContentArea:before {
  	background-image:none;
  }
  .NavBarTop{
  	/*background-image:none;*/
  	background-color:#CC1E7F;
  	border-radius: 10px 10px 5px 5px;
    margin-bottom: 7px;
    background-size: 100% 78px;
    width:100%;
    display: none;

  }
  .NavBarTop .PropertyContainer,
  .NavBarTop .SizeContainer {
    height: 50px;
  }
  .NavBarLeft, .NavBarRight{
  display:none;
  }
  /* FIM  RESPONSIVE DESIGN */  
  
  
  /* INICIO NavBarTop */

 
  
  /* FIM NavBarTop */
  
  
  
  /* já cá estava*/
  
  
  .CategoryBaseTable .ImgComplete img{
      width: 90% !important;
      max-width: 980px !important;
  }
  
  
  
  .Middle, .FooterContainer, .NavBarTop{
  /*display:none !important;*/
  }
  /* INICIO Header */
	.Header{ 
		/*background-size: 100% 198px;
		background-position: 0px 0px;
    width:100%;*/
    background-position: -60px 0%;
    background-color: #D42687;
		height: 153px;
    /*background-size: 100% auto;*/
    background-image: url("/WebRoot/Store/Shops/2626-110602/MediaGallery/DESIGN/responsive/fundo-topo.jpg");
	}
  .Header .ShopLogo {
      /*margin-top: 13px;
      margin-left: 17px;*/
		left: 14%;
  }
  .Div .Header .ShopLogo {

    left: 20%;
    max-width: 420px;
    /* min-width: 185px; */
    /* max-height: 39px; */
    /*content: url(/WebRoot/Store/Shops/2626-110602/MediaGallery/DESIGN/mobile/logo-banho-brilho.png);*/
    top: 20%;
    left: 35%;
    position: absolute;
    width: 50%;
    margin-top: 0px;
}
  
  .Header .ShopLogo  img {
      max-width: 100%;
      /*display:none;*/
  }
  
  .Header .PropertyContainer {
  height: 153px;
  }
  .Header .PropertyContainer .SizeContainer{
  	display:none;
  }
  
  .Header .LoginBox {
      margin-right: 285px !important;
      height: 29px !important;
  }
  
  .Header .avaniLogo {
    position: absolute;
    right: 180px;
    top: 90px;
	}
	.Header .lorealLogo {
    position: absolute;
    right: 10px;
    top: 105px;
	}
	.Header .shopOnline {
    position: absolute;
    left: 15px;
    top: 10px;
	}
  
  /*
  
  
  
  
  .Header .BasketBox span:nth-child(2){
  display: none !important;
  }
  
  .Header .BasketBox {
      margin-right: 10px;
      margin-top: 12px !important;
  }    
  */
  
  
  /* INICIO NAVBARTOP */
 
 .NavBarTop div.NavigationElement:first-child{
  display:none !important;
  }
  /*
  .NavBarTop .SearchBox{
  display: block !important;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: -2px 0px 0px 47px !important;
  }
  */
  /*
  .NavBarTop .SearchBox .BoxContainer > a{
  display: none !important;
  }*/
 
  .NavBarTop .NavBarElement1{
		background-image:none;
  }
  .NavBarTop div.NavigationElement{
		padding-left: 2%;
    margin-left: 1%;
  }
  .NavBarTop div.NavigationElement a{
		font-size: 1.65vw;
  }
  
  /* INICIO NavBarRoof */
  
  .TabletMenuBTN{
  display: block;
  }
   
  .TabletMenuBTN{
  left: 0px;
  margin-left: 11px;
  margin-top: -3px;
  /*display: none;*/
  display:inline-block !important
  }
  
  .TabletMenuBTN:hover{ 
    cursor: pointer; 
    cursor: hand; 
  }         
  
  
.VM-HomeIcon{
  float: right !important;
}
  
 
  .HomeIcon {
    background: url(" //shops.hmedia.com/WebRoot/CustomFiles/lib/Images/Icons/HomeIcone/home_icon-01-white-18.png") 0px 0px  no-repeat  !important;
        background-color: rgba(0, 0, 0, 0);
        background-repeat: no-repeat !important;
}
  
  
  .NavBarRoof .NavBarElement0{
  background: #efefef !important;
  position: absolute;
  top: 0px;
  left: 0 !important;
  margin-top: 30px !important;
  width: 100% !important;
  background-color: #CC1E7F;
  /*display:none !important;*/
  /*visibility: hidden;*/
  }
  
  
  .NavBarRoof .NavBarElement0 li{
  display: block !important;
  background-color: #CC1E7F;
  /*display:none;*/
  }
  
  .NavBarRoof .NavBarElement0 li:last-child{
  box-shadow: 0px 2px 2px #999;
  }
  
  
  .NavBarRoof .NavBarElement0 .NavigationElement {
      height: 27px;
      padding: 4px 0px 4px 0px;
      margin: 0px;
      line-height: 27px;
      font-size: 18px;
      width: 100% !important;
      border-top: 1px solid;
  }
  
  .NavBarRoof .NavBarElement0 .NavigationElement a{
    margin-left: 15px;
    color: #FFF;
    font-size:18px;
  }
  
  .NavBarRoof .NavBarElement0 .NavigationElement a:hover{
    color: #dbdbdb;
  }
  .NavBarRoof {
  	display: block;
  }
  .NavBarRoof .SearchElement{
  /*margin-left:60px;*/
  	margin-top:0px;
  }
  .NavBarRoof .BasketBox img{
  content:url("/WebRoot/Store/Shops/2626-110602/MediaGallery/DESIGN/responsive/icon-carrinho.png");
  }
  
  .NavBarRoof .SizeContainer{
  	width:100% !important;
  }
  .NavBarRoof .NavBarElement1,
  .NavBarRoof .NavBarElement2,
  .NavBarRoof .NavBarElement3,
  .NavBarRoof .NavBarElement4 {
  	float:right !important;
  	text-transform: uppercase;
  }
  .NavBarRoof .BasketBox{
      margin-top: -4px;
  }
  /* END NavBarRoof */
  
  /* FIM DE ESTILOS PARA LISTA CAT */
  
  .DropDownList{
      display: none !important;
  }
  
  
  
  
  .NavBarTop .LoginBox {
  right: 0px;
  margin-top: -5px !important;
  margin-right: 0px !important;
  margin-left: auto !important;
  }
  
  .NavBarTop .LoginBox .ContextBoxHead {
      margin-left: -10px;
  }
  
  
  /* FIM NAVBARTOP */
  
  
  /* INICIO HOME PAGE CONTENT */
  .OuterContentBox {
      padding-top: 0px !important;
      margin-bottom: 40px !important;
      height: 100% !important;
      position: relative !important;
      height: auto !important;
  
  }
  
  .InnerContentBox {
      height: 100% !important;
      position: relative !important;
      height: auto !important;
      height: auto !important;
  }
  
  
  
  .OuterContentBox .InnerContentBox > p:first-child, .OuterContentBox .InnerContentBox > div:first-child {
      float: none !important;
      height: 100% !important;
      height: auto !important;
      position: relative !important;;
  
  }
  
  
  .OuterContentBox .InnerContentBox > div:nth-child(1) iframe {
    width: 100% !important;
  }
  
  .OuterContentBox .InnerContentBox > div:nth-child(2) {
      height: 410px !important;
      margin-top: 20px !important;
  
  }
  
  
  .OuterContentBox table {
      float: none !important;
      position: relative;
      height: 100% !important;
      height: auto !important;
  }
  
  /* FIM HOME PAGE CONTENT */
  
  /* INICIO NAVBARBOTTOM */
  
  
  .NavBarBottom .NavigationText {
    padding: 0px 0 0px 0px !important;
    margin: 6px 0px 0px !important;
    }
  
  /* Fundo Tabelas */
  
  
  .NavBarBottom table:nth-child(1), 
  .NavBarBottom table:nth-child(2),
  .NavBarBottom table:nth-child(3)   {
      background: #C31413 none repeat scroll 0% 0% !important;
      height: 183px !important;
  }
  
  .NavBarBottom .NavigationText {
      margin: 0px 0px 0px !important;
  }
  
  
  /* Newsletter */
  .NavBarBottom table:nth-child(1) p:nth-child(3) {
      margin-top: 21px;
  }
  
  a.BTN-Subscrever-Newsletter {
      background: transparent none repeat scroll 0% 0% !important;
      color: #FFF;
      border-radius: 5px;
      text-transform: uppercase !important;
      border: 1px solid #FFF;
      padding: 11px 12px !important;
      white-space: nowrap;
      font-size: 0.9em !important;
  }
  
  
  
  /* P Botão + Testemnunhos */
  .NavBarBottom table:nth-child(2) p:nth-child(3) {
          margin-top: 153px;
  }        
  
  .NavBarBottom {
		/*background: #414141 none repeat scroll 0% 0% !important;*/
    background-image:none;
    background-color:#FFF;
    border-radius:10px;
		margin: 10px 0px 0px 0px;
		margin: 4px 0px 0px 0px;		
  }
  .NavBarBottom .PropertyContainer{
  	padding: 10px 0px 0px 0px;
  }
  .NavBarBottom .NavigationElement{
      float: left !important;
      height: 38px; 
    	padding-top: 6px;
  }
  .NavBarBottom table:nth-child(1n+4) {
      width: 50% !important;
      margin-bottom: 60px;
  }
  
  
  
  /* FIM NAVBARBOTTOM */
  
  /* INICIO FOOTER */              
  .FundoFooter{
  display: none;
  }
  
  .Div .Footer .SizeContainer .NavigationText {
      margin-top: 29px;
      text-align: center !important;
  }
  
  .Footer .fb-page {
      float: none !important;
  }
  
  .Footer table {
      float: left !important;
      width: 100% !important;
      margin-top: 35px !important;
  }
  
  /* START - PROMO FOOTER*/
	.PromoFooter{
    background-color: #FFF;
    margin-top: 1px;
    padding-top: 5px;
    border-radius: 0px 0px 10px 10px;
	}

.PromoFooterTable {
    /* border: 1px solid #F00; */
    /* height: 145px; */
    width: 100%;
    display: table;
    text-align: center;
}
.PromoFooterTable div {
    /* border: 1px solid #0F0; */
    display: table-cell;
    /* float: left; */
    vertical-align: top;
    line-height: 8px;
    text-align: center;
    /* margin: 0px auto; */
    width: 50%;
}
.PromoFooterTable div:first-child {
text-align:right;
padding-right: 10px;
}

.PromoFooterTable div:last-child {
text-align:left;
padding-left: 10px;
}
.PromoFooter .bottom{
    text-align: center;
    display: inline-block;
    border: 0px solid #F00;
    width: 100%;
    margin: 5px auto;
}

	/* END - PROMO FOOTER*/
  
  /* FIM FOOTER */
  
  
  /* INICIO CATEGORIAS */
  
  .HotDeal {
    margin: auto;
	}
  
  /*  INICIO Colocar div right por baixo da left */
  .CategoryBaseTable .TextLeft{
  float: none;
  }
  
  
  .CategoryBaseTable .TextRight {
      padding: 0px 0px 5px 5px;
      float: left;
      width: 100%;
  }
  
  /*  FIM Colocar div right por baixo da left */
  
  /* INICIO VIDEO */
  .CategoryList .TextRight iframe {
      float: right;
      margin-right: 23px;
      width: 100%;
      margin-bottom: 47px;
  }
  /* FIM VIDEO */
  
  
  /* INICIO CATEGORIAS 3 COLUNAS */
  
  .ListItemCategoryTable .ListItemCategory .ImageArea {
    margin: 0px 0px 0px 0px;
  }
  
  .ListItemCategoryTable .ListItemCategory .ImageArea img {
      margin-bottom: 0px;
      width: 100% !important;
  }
  
  .ListItemCategoryTable .InfoArea {
      height: 70px !important;
      background: #C31313 none repeat scroll 0% 0% !important;
  }
  
  .ListItemCategoryTable .InfoArea h3 {
      text-align: center;
      background: #C31313 none repeat scroll 0% 0% !important;
      width: auto;
      margin-top: -70px !important;
  }
  
  .ListItemCategoryTable .InfoArea h3 a, .ListItemCategoryTable .InfoArea h3 a:hover {
      line-height: normal !important;
      }
      
  
  /* FIM CATEGORIAS 3 COLUNAS */
  
  
  /* INICIO CARRINHO DE COMPRAS */
  
  
  table.Basket tr td:first-child {
      padding-left: 8px;
  }
  
  
  table.Basket > tbody > tr > td {
      height: 40px;
      padding: 15px 10px 5px 10px;
  }
  
  
  select.ep-uiInput.ep-uiInput-select {
      padding: 5px 5px 5px 3px;
      height: auto;
      width: 180px !important;
  }
  
  .AddressDialog select.LongText {
      width: 285px !important;
  }
  
  
  /* INICIO CARRINHO DE COMPRAS */
  
  
  
  
  /* FIM CONDIÇÃO */
  }
  
  /* FIM RESPONSIVE DESIGN */