/* Styles para tablet*/
  /* INICIO RESPONSIVE DESIGN */
  @media only screen and (min-width:1600px) {
		.Middle {
			border:0px solid #000;
		}
		/* ........................................................ */
		/* START - general responsive */
		.GeneralLayout {
			width: 96%;
			max-width: 1509px;
			height: 100%;
			margin: 0px auto;
  	}
  	.Div .ContentArea {
      padding-left: 0px;
      padding-left: 16px;
      padding-right: 0px;
      padding-top: 0px;
      margin: 0px auto;
  	}
  	.start-page .TextComplete table{
	  	width:100% !important;
  	}
		.NavBarLeft, .NavBarRight{
	  	display:none;
	  }  
	  .HorizontalNavBar {
    	z-index: 990 !important;
		}
		.Div .ContentArea,
		#ContentAreaFix, .Div .ContentArea:before {
  		background-image:none;
  	}
  	/* END - general responsive */
  	/* ........................................................ */
  	
		.NavBarTop .NavBarElement2{
			display:none !important;
		}
	}
	
	    
  
	@media only screen and (min-width:1280px) and (max-width:1600px) {
		.Middle {
			border:0px solid #00F;
		}
		/* ........................................................ */
		/* START - general responsive */
		.GeneralLayout {
			width: 96%;
			max-width: 1509px;
			height: 100%;
			margin: 0px auto;
  	}
		.NavBarTop .NavBarElement2{
			display:none !important;
		}
	}
  
  @media only screen and (max-width:1280px) and (min-width:990px) {
		.Middle {
			border:0px solid #F00;
		}
		
		/* ........................................................ */
		/* START - general responsive */
		.GeneralLayout {
			width: 96%;
			/*max-width: 1209px;*/
			height: 100%;
			margin: 0px auto;
  	}
  	.Div .ContentArea {
      padding-left: 0px;
      padding-left: 16px;
      padding-right: 0px;
      padding-top: 0px;
      margin: 0px auto;
  	}
  	.start-page .TextComplete table{
	  	width:100% !important;
  	}
		.NavBarLeft, .NavBarRight{
	  	display:none;
	  }  
	  .HorizontalNavBar {
    	z-index: 990 !important;
		}
		.Div .ContentArea,
		#ContentAreaFix, .Div .ContentArea:before {
  		background-image:none;
  	}
  	/* END - general responsive */
  	/* ........................................................ */
  	/* START - Header */
			.Header .NavBarElement2{
				margin-right: 160px;
			}		  	
			.Header .NavBarElement2 .ContextBoxBody{
				margin-left: 87px;
				text-align: right;
				width: 140px;
			}
  	/* END - Header */
  	/* ........................................................ */
  	/* START - NavBarTop */
  		.NavBarTop .DropDownList{
  			display:none !important;
  		}
  		.NavBarTop .NavBarElement2 {
  			display: inline-block;
  		}
  		.NavBarTop .NavBarElement2 a{
				font-size:1.22vw;
  		}
  	/* END - NavBarTop */
  	/* ........................................................ */
  	/* START - NavBarBottom */
			.NavBarBottom .NavBarElement0,
  		.NavBarBottom .NavBarElement0 .NavigationText{
  			width:100% !important;
  		}
  
  		.NavBarBottom .NavBarElement0 .NavigationText > p:nth-child(1){
  			display:none;
  		}
  	/* END - NavBarBottom */
  	/* ........................................................ */
  }
  

  @media only screen and (max-width: 990px) {
		.Middle {
			border:0px solid #0F0;
		}

  .GeneralLayout {
		width: 100%;
		max-width: inherit;
		height: 100%;
		margin: 0px auto;
  }
  .Div .ContentArea {
      padding-left: 0px;
      padding-left: 16px;
      padding-right: 0px;
      padding-top: 0px;
      margin: 0px auto;
  }
  .start-page .TextComplete table{
  	width:100% !important;
  }
	.NavBarLeft, .NavBarRight{
  	display:none;
  }  
  .HorizontalNavBar {
    z-index: 990 !important;
	}
	.Div .ContentArea,
		#ContentAreaFix, .Div .ContentArea:before {
  	background-image:none;
  }
  /* FIM  RESPONSIVE DESIGN */  
  
  
  /* INICIO NavBarTop */
	.NavBarTop{
  	/*background-image:none;*/
  	background-color:#003836;
  	border-radius: 10px 10px 0px 0px;
    margin-bottom: 0px;
    background-size: 100% 78px;
    width:100%;
    z-index: 980 !important;
  }
  .NavBarTop .PropertyContainer,
  .NavBarTop .SizeContainer {
    height: 35px;
  }
  
	.NavBarTop .NavBarElement0{
	display:none;
	}
 
  
  /* FIM NavBarTop */
  
  
  
  /* já cá estava*/
  
  
  .CategoryBaseTable .ImgComplete img{
      width: 90% !important;
      max-width: 980px !important;
  }

  /* INICIO Header */
	.Header{ 
    background-position: -60px 0%;
		height: 75px;
	}
  .Header .ShopLogo {
		left: 14%;
  }
  .Div .Header .ShopLogo {

    max-width: 420px !important;
    top: 0% !important;
    left: 2% !important;
    position: absolute !important;
    width: 50% !important;
    margin-top: 0px !important;
	}
  .Header .ShopLogo  img {
		max-width: 100%;
  }
  .Header .PropertyContainer {
  height: 153px;
  height: 71px;
  }
  .Header .NavBarElement1 {
  	display: block;
	}
  .Header .LoginBox {
      margin-right: 295px !important;
      height: 29px !important;
  }
  
  .Header .SizeContainer > div{
		display:none !important;
  }
  
	.Header .SizeContainer > div.NavBarElement7{
		display: block !important;
    width: 110px !important;
    right: 20px;
    position: absolute;
    padding: 5px 21px 5px 5px;
    top: 75px;
    background-color: #FFF;
	}
  
	.Header .SizeContainer > div.NavBarElement7 a{
		color: #003837;
    font-size: 14px;
	}
  
  /* shopping cart */
  .Header div.NavBarElement2{
  	position:absolute;
  	margin-top:0px !important;
  	display:block !important;
		width: 180px !important;
  /*position: absolute;
    float: right !important;
    top: 0px;
     right: 0px;
    height: 25px !important;
    background: url(/WebRoot/Store/Shops/3172-131101/MediaGallery/design/icon-carrinho.png) no-repeat scroll left top transparent;
    background-position: left 0px !important;
    border: 1px solid #0FF;
    width: 85px !important;
    margin-top: 93px !important;*/
    /*margin-left: 399px;*/
    margin: 57px 0px 0px 0px !important;
  }
  .Header div.NavBarElement2 .ContextBoxHead span{
  display:none;
  }
  .Header .NavBarElement2 .ContextBoxHead{
  width:20px;
  }
  .Header .NavBarElement2 .ContextBoxBody {
    position: relative !important;
    margin: -26px 0px 0px 38px !important;
  }
  .Header .MiniBasket{
		right: 0px !important;
    left: inherit !important;
   }
   .Header .MiniBasket + div.FontSmaller{
   	display: none;
   }
  /* END shopping cart */
  
  /* END START */
  
    
  
  
  .FundoHeader{
  display:none;
  }
  
  
  
  
  
  /*
  .Header .BasketBox span:nth-child(2){
  display: none !important;
  }
  
  .Header .BasketBox {
      margin-right: 10px;
      margin-top: 12px !important;
  }    
  */
  
  
  /* INICIO NAVBARTOP */
 
 .NavBarTop .DropDownList{
  display:none !important;
  }
  
  .NavBarTop .SearchElement{
    position: absolute !important;
    right: 0px !important;
    margin-top: 0px !important;
    margin-right: 170px !important;
    z-index: 20 !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;
  }
  
  /* START - ESTILO categorias Toogle menu */
  .NavBarTop .NavBarElement2{
  margin-top: 17px !important;
  background: #003837 !important;
  position: absolute;
  top: 0px;
  margin-top: 35px !important;
  width: 100% !important;
  visibility:hidden;
  }
  
  
  .NavBarTop .NavBarElement2 li{
  display: block !important;
  }
  
  .NavBarTop .NavBarElement2 li:last-child{
  box-shadow: 0px 2px 2px #999;
  }
  
  
  .NavBarTop .NavBarElement2 .NavigationElement {
      height: 35px;
      padding: 4px 0px 4px 0px;
      margin: 0px;
      line-height: 35px;
      font-size: 18px;
      width: 100% !important;
      border-top: 1px solid #004C4A;
  }
  
  .NavBarTop .NavBarElement2 .NavigationElement a{
    /*margin-left: 15px;*/
    color: #FFF;
  }
  
  .NavBarTop .NavBarElement2 .NavigationElement a:hover{
    color: #01ACA6;
  }
  
  
  .TabletMenuBTN{
  	left: 0px;
    margin-left: 11px;
    margin-top: 1px;
    position: absolute;
  }
  
  .TabletMenuBTN:hover{ 
    cursor: pointer; 
    cursor: hand; 
  }         
  /* END - ESTILO categorias Toogle menu */
  
  /* INICIO NavBarRoof */
  
  
  /*
  .TabletMenuBTN{
  display: block;
  }
   
  .TabletMenuBTN{
  left: 0px;
  margin-left: 11px;
  margin-top: -3px;
  
  display:inline-block !important
  }
  
  .TabletMenuBTN:hover{ 
    cursor: pointer; 
    cursor: hand; 
  }         
  
  
  
  .NavBarRoof .NavBarElement0{
  background: #efefef !important;
  position: absolute;
  top: 0px;
  left: 0 !important;
  margin-top: 30px !important;
  width: 100% !important;
  background-color: #CC1E7F;

  }
  
  
  .NavBarRoof .NavBarElement0 li{
  display: block !important;
  background-color: #CC1E7F;
  }
  
  .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 .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;
  }
  .Header div.NavBarElement1{
  	display:block !important;
    width: 200px !important;
    right: 172px !important;
    top: 86px !important;
    position: absolute !important;
    margin: 0px 0px 0px 0px !important;
    border: 0px solid #F00;
    left: initial !important;
  }
 
	/* END LOGIN */
  
  
  
  /* 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 .NavBarElement0,
  .NavBarBottom .NavBarElement0 .NavigationText{
  	width:100%;
  }
  
  .NavBarBottom .NavBarElement0 .NavigationText > p:nth-child(1),
  .NavBarBottom .NavBarElement0 .NavigationText > p:nth-child(2){
  	display:none;
  }
  
  .NavBarBottom .NavigationText {
    padding: 0px 0 0px 0px !important;
    }
  
  /* Fundo Tabelas */
    
  .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-color: #003836;
  }
  .NavBarBottom .PropertyContainer{
  	padding: 10px 0px 0px 0px;
  }
  .NavBarBottom .NavigationElement{
      float: left !important;
      height: 38px; 
    	padding-top: 6px;
  }
  .NavBarBottom table.TinyMCETable {
      width: 100% !important;
      /*margin-bottom: 60px;*/
  }
  .NavBarBottom table.TinyMCETable td {
  	float:left;
  	min-height: 230px;
    margin-bottom: 10px;
  }
 
  .NavBarBottom .Table1{
  background-color:#FFF;
  }
  
  /* 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 */
  
  
  
  /* INICIO CARRINHO DE COMPRAS */
  
  
  
  
  /* FIM CONDIÇÃO */
  }
  
  /* FIM RESPONSIVE DESIGN */