/* START Styles para tablet */

  /* INICIO RESPONSIVE DESIGN */
  @media only screen and (min-width:1200px) {
  	                                                     
    .DropDownList{
			display: inline-block !important;
		}
    
    .NavBarRoof  .CategoriesBox {
      display: none !important;      
    }
    
    .NavBarTop {
   /*   display: block;*/
    }
    
  .TabletMenuBTN{
  display: none;
  }

		

	} /* END min-width:1200px */ 
	
	@media only screen and (min-width:1199px) and (max-width:1200px) {

      .DropDownList{
			display: inline-block !important;
		}


	} /* END MINI DESKTOP */
    
/* START FOR HEADER V2 */   
@media only screen and (min-width:1200px) and (max-width:1599px) {
  .NavBarRoof .NavigationElement > a {
    padding: 5px 0px 4px 0px;
  }  	
  
  .VM-IconeImg {
    margin: -4px 4px 0 0;
  }

  .NavBarRoof .SizeContainer > .BasketBox {
      margin-left: 8px;
  }

  .VM-NavBarRoof .SizeContainer {
      text-align: left;
  }


  .VM-NavBarRoof .SizeContainer > div {
      display: block !important;
      margin: 5px 0;
  }
  
  .VM-NavBarRoof {
      margin: 10px 0 0 0;
  }  


} /* END (min-width:1200px) and (max-width:1599px) */



@media only screen and (min-width:1200px) and (max-width:1399px) {
  .NavBarRoof .custom-left {
    display: none;
  }



} /* END (min-width:1200px) and (max-width:1399px) */


 /* MENUS */
@media only screen and (min-width:1199px) and (max-width:1350px) {

.NavBarTop .NavigationElement {
        padding: 0px 0 0 5px;
}
    
  .NavBarTop a, .NavBarTop input, .NavBarTop .NavigationElement.SSLSwitch input {
      font-size: 13px;
  }



	} /* END MINI DESKTOP */

@media only screen and (min-width:1351px) and (max-width:1500px) {

.NavBarTop .NavigationElement {
        padding: 0px 0 0 5px;
}
    
  .NavBarTop a, .NavBarTop input, .NavBarTop .NavigationElement.SSLSwitch input {
      font-size: 15px;
  }



	} /* END MINI DESKTOP */



@media only screen and (max-width: 1200px) {

/* START VIDEO RESPONSIVE */
    .VM-videoWrapper {
    	position: relative;
    	padding-bottom: 56.25%;
    	padding-top: 25px;
    	height: 0;
    }
    
    .VM-videoWrapper iframe,
    .VM-ideoWrapper object,
    .VM-videoWrapper embed {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    }
    
    video  {
	  width: 100%    !important;
	  height: auto   !important;
	}

/* END VIDEO RESPONSIVE */

/* START ROOF */

  .NavBarRoof .SizeContainer.custom-left .NavigationElement   {
    display: none !important;
  }

.Middle, .NavBarRoof .PropertyContainer, .NavBarTop .PropertyContainer, .NavBarBottom .PropertyContainer, .Footer .PropertyContainer {
    width: 100%;
    margin: 0 auto;
}

.Header .PropertyContainer{
    width: 97%;
    margin: 0 auto;
}

.NavBarRoof .PropertyContainer{
    width: 100%;
    margin: 0 auto;
}


.NavBarRoof.HorizontalNavBar .custom-right {
    width: 80%;
}

.NavBarRoof .VM-NavBarRoof .PropertyContainer {
    padding: 7px 0px 0px 0;
    width: 100%;
}

.NavBarRoof > .PropertyContainer {
    padding: 5px 0px 0px 0px;
    height: 40px;
}    

.NavBarRoof .NavigationElement {
  padding: 0 0 0 0px;
    height: 33px;
    line-height: 33px;
}


.NavBarRoof .NavigationElement > a {
    padding: 5px 5px 4px 5px;
}

.NavBarRoof .BasketBox.NavElementIcon span:nth-child(2) {
/*  display: none;*/    
}

.VM-IconeImg {
    margin: -4px 4px 0 0;
}

/* START NAVBARROOF SEARCH RESPONSIVE */
/*    position: absolute !important;
    right: 0;
    top: 0;
*/    
.NavBarRoof .SearchElement {   
    margin: 34px 10px 0px 0px !important;
    width: 74% !important;
    float: right !important;
    z-index: 100 !important;
}


.NavBarRoof div.Entry {
    text-align: left;
}

.HorizontalNavBar .SearchElement form {
    margin: 0px;
}


.InputField.SearchForm {
    width: 100%;
    padding: 0;
    margin: 0;
}


.SearchForm.horizontal-search > input {
    padding: 7px 0px 7px 4px;
    width: calc(100% - 40px);
    
}

 .NavBarRoof .SearchElement   .InputField.SearchForm > button {
    margin: 4px 0px 0px 0px !important;
    float: right;
}


.de_epages-remotesearchUiSuggest-box ul {
    max-width: unset;

}    


/* END HEADER SEARCH RESPONSIVE */

.VM-NavBarRoof {
    background: transparent;
    float: none !important;
    width: 100% !important;
    text-align: center;
}


  .NavBarTop, .NavBarLeft  {
    display: none;
  }
    
.Div .ContentArea {
    margin-left: 0;
    margin-right: 0;
}

    
/* START MENU BOX WITH SIMPLES AND TREE MENU */

  .TabletMenuBTN{
  display: block;
  }
   
  .TabletMenuBTN{
    position: absolute;
    left: 0px;
    margin-left: 14px;
    margin-top: 7px !important;
    display:inline-block !important
  }
  
  .TabletMenuBTN:hover{ 
    cursor: pointer; 
    cursor: hand; 
  }         
  

/* START MENU 1 LEVEL */
  .NavBarRoof .CategoriesBox  {
  background: #fff !important;
  position: absolute;
  z-index: 500;
  top: 0px;
  left: 0 !important;
  margin-top: 53px !important;
  margin-left: 0px;
  width: 100% !important;
  }
  
  
  .NavBarRoof .CategoriesBox   li{
  display: block !important;
  background-color: #fff;
  /*display:none;*/
  }
  
  .NavBarRoof .CategoriesBox   li{
  display: block !important;
  background-color: #fff;
  /*display:none;*/
  line-height: 29px;
  }



  .NavBarRoof .CategoriesBox  li a{
    color:   #6a6a6a;
  /*display:none;*/
  }





  .NavBarRoof .CategoriesBox  > li:last-child, 
  .NavBarRoof .CategoriesBox  .jstree-no-icons > li:last-child{
  box-shadow: 0px 2px 2px #999 !important;
  }
  
  
  
  .NavBarRoof .CategoriesBox > li, 
  .NavBarRoof .CategoriesBox .ContextBoxBody > ul > li {
    padding: 5px 0px 0px 0px !important;
    margin: 0px;
    line-height: 37px;
    font-size: 18px;
    width: 100% !important;
    border-top: 1px solid #6a6a6a;
    text-align: left;
      }

  
  .NavBarRoof .CategoriesBox .ContextBoxBody > ul > li ul {
    padding: 0px 0px 0px 0px !important;
    }


          
 .NavBarRoof .ContextBoxBody ul .Active > ul > li{
    height: auto !important;
    line-height: 27px;
}

 .NavBarRoof .Active > em > a{
    height: 25px;
    line-height: 27px;
    padding: 0 10px 0 0;
    color: #fff !important;
} 
  
  .NavBarRoof .ContextBox  li a{
    margin-left: 15px;
    color: #8e8e8e;
    font-size:18px;
  }
  
  .NavBarRoof .ContextBox li a:hover{
    color: #a7001e;
  }

/* END MENU 1 LEVEL */

/* START MENU 2 LEVELS */
.NavBarRoof .ContextBox.NavBarElement0{
/*  margin-top: 72px !important;*/
}

.NavBarRoof .ContextBox.NavBarElement0 li:hover, 
.NavBarRoof .ContextBox.NavBarElement0 li:hover > a,
.NavBarRoof .ContextBox.NavBarElement0  li.Active {
/*    background-color: #a29061 !important;
    color: #fff !important;
*/    
}

.NavBarRoof .ContextBox.NavBarElement0 li:hover, 
.NavBarRoof .ContextBox.NavBarElement0 li:hover > a,
.NavBarRoof .ContextBox.NavBarElement0  li.Active {
  color: #a7001e !important;
    
}

  .NavBarRoof .ContextBox .ContextBoxHead{
    display: none;
  } 

  .NavBarRoof .ContextBox .ContextBoxBody{
    margin: -8px 0 0 0;  
    padding: 0px 0px 2px 0px;
    border-bottom: 1px solid #eee;
    background: #fff;
    
  } 

  .NavBarRoof .ContextBox .ContextBoxBody ul > li {
    line-height: 38px !important;    
    height: auto !important;
    padding: 2px 0 2px 17px;
    border-top: 1px solid #eee;
}

  .NavBarRoof .ContextBox .ContextBoxBody ul > li > ul  {
    margin: 0 0 0 0px !important;
}

/*, .NavBarRoof a:hover, .NavBarRoof .NavigationElement.SSLSwitch input:hover */
.NavBarRoof .ActiveNode, .NavBarRoof .ActiveNode > a{
    color: #a7001e !important;
    background: #fff !important;
    font-weight: bold !important;
}


.NavBarRoof .ContextBox .Active > a, 
.NavBarRoof .ContextBox  .Active > em > a{
    padding: 1px 20px 0px 0 !important;
}


.NavBarRoof .ContextBox .NavigationElement > a, 
.NavBarRoof .ContextBox  .Active > a, 
.NavBarRoof .ContextBox .Active > em > a, 
.NavBarRoof .ContextBox .Active input, 
.NavBarRoof .NavigationElement.SSLSwitch.Active input {
    padding: initial;
    height: 37px;
    line-height: 37px;
}

/* START BULLET FOR CATEGORY LIST */
/* PLUS */
.jstree ins {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 10px 5px 10px 35px;

}


/* PLUS */
.GeneralLayout .jstree-open .jstree-closed .jstree-icon, .GeneralLayout .jstree-closed .jstree-closed .jstree-icon, .GeneralLayout .jstree-closed .jstree-icon {
    background: url("//cdn.viamodul.pt/CustomFiles/lib/Images/Controls/OpenClose/ArrowsOpenClose/arrow-01-left-grey-dark-right.png") no-repeat 0 0 !important;
}

/* MINUS */
.GeneralLayout .jstree-open .jstree-open .jstree-icon, .GeneralLayout .jstree-closed .jstree-open .jstree-icon, .GeneralLayout .jstree-open .jstree-icon {
    background: url("//cdn.viamodul.pt/CustomFiles/lib/Images/Controls/OpenClose/ArrowsOpenClose/arrow-01-left-grey-dark-down.png") no-repeat 0 0 !important;
}


/* EMPTY */
.GeneralLayout .jstree-open .jstree-leaf .jstree-icon, .GeneralLayout .jstree-closed .jstree-leaf .jstree-icon, .GeneralLayout .jstree-leaf .jstree-icon {
    background: none no-repeat center center !important;
    border: 0px solid;
    
}



/* END BULLET FOR CATEGORY LIST */

  
/* CLICKABLE MENUS */
.NavBarRoof .ContextBox li a {
    margin-left: 62px !important;
    display: block;
    padding: 10px 0;    
}  

/* END MENU 2 LEVELS */

/* END MENU BOX WITH SIMPLES AND TREE MENU */
 
/* END ROOF */
 
/* START HEAD */
.Header {
   visibility:visible;
   display: block;
}
 

.Header > .PropertyContainer {
    padding: 0px 0px 30px 0px;
    height: 47px;
    border-bottom: 1px solid #8e8e8e;
}

.Header .ShopSlogan {
  display: none !important;
  
}

.Header .ShopLogo {
    z-index: 500 !important;
    margin-top: 14px;
    position: absolute;
    width: 32% !important;
}

.Header .ShopLogo img {
    width: auto;
    max-height: 53px !important;
}


/* END HEAD */ 

/* START NAVARBOTTOM */

.NavBarBottom td{
    display: inline-block;
    width: 49%;
    padding: 20px 0 20px 0 !important;
}    

.NavBarBottom td:last-of-type {
    vertical-align: middle;
    padding: 20px 0 20px 0 !important;
    text-align: center;
}

    
/* END NAVARBOTTOM */
 
/* START FOOTER */
.Footer td {
    vertical-align: top;
    text-align: left;
    display: block;
    text-align: center;
    padding: 0 0 30px 0;
} 

.Footer td:last-of-type {
    padding: 0 0 0px 0;
}

.Footer .VM-LinkTable td:nth-of-type(4) p {
    color: #bd8322;
    font-size: 16px;
    padding: 0 0 20px 0;
}

.Footer .VM-LinkTable td:nth-of-type(4) p:nth-of-type(3) {
    padding: 0 0 0px 0;
}

.Footer .NavigationText {
    padding: 0 0 25px 0;
    display: block !important;
}

/* END FOOTER */
 
 #ContentAreaFix, .Div .ContentArea:before {
    left: 0;
    right: 0;
 }
 
 .ContentArea {
    width: calc(100% - 30px) !important;
    padding-top: 40px;
    padding-right: 15px;
    padding-bottom: 40px;
    padding-left: 15px;
}    
 

/* START CATEGORY */

/* END CATEGORY */

 
/* START PRODUCT LIST */

.RemoteSearchFacets  {
    display: block;
    width: 100% !important;
}

.RemoteSearchFacets .RemoteSearchFacet:last-child {
    padding-bottom: 10px;
    max-width: 330px;
}

.HotDealList .PercentWidth50 {
    text-align: right !important;
    padding-right: 10px;
}

.HotDealList .InfoArea > .FloatLeft{
    width: 100%;
} 

/* END PRODUCT LIST */

/* START PRODUCT DETAILS */
.ImgLeft .InfoArea, .ImgRight .InfoArea {
    float: none;
    width: 100% !important;
}


.ImgLeft .ProductImage {
    margin: 30px 0px 0px 0px !important;
    position: relative;
    overflow: auto;
    width: 100% !important;  
          
}


#ProductSlideshow {
      margin: 0 auto;
}

.ep-uiThumbbox.ep-uiThumbbox-list li {
    display: inline-block;
    float: left;
    line-height: 96px;
    padding: 0;
    margin: 15px;
}

#ProductThumbs {
    position: relative;
    width: 100% !important;
    max-height: unset;
}

.PriceContainer {
    margin: 20px 0 30px 0;
    clear: both;
}

.ProductDetails .NewProduct {
    position: absolute;
    left: 0;
    margin: -25px 0 0 0px;
}

table.CrossellingCount {
    display: block;
}

.CrossellingCount .Price, .BundledProductsTable .Price {
    width: 100%;
    text-align: center;
    margin: 9px 0 0 0;
    top: 0;
    position: relative;
    background: transparent;
}

.CrossellingCount .MediumColumn {
    display: inline-table;
    position: relative;
    border: 0px solid green;
    margin: 0;
    padding: 0px;
    height: auto;
    width: 100%;
    border-bottom: 1px solid #ccc !important;
}

.ProductListImageBox div.ImageArea, div.CrossellingImageArea, div.BundledProductsImageArea {
    padding: 0;
    text-align: center;
}

.ProductListImageBox div.ImageArea img, div.CrossellingImageArea img, div.BundledProductsImageArea img {

    width: 50%;
}

.CrossellingCount .CrossellingInfoArea, .BundledProductsTable BundledProductsInfoArea {
    position: relative;
    display: block !important;
    height: auto;
    border: 0px solid #dcdcdc;
    text-align: center;
    background: transparent;

}

.VariationsTable + hr + h2 {
    font-size: 22px;
    font-weight: bold;
    padding: 25px 0 16px;  

}



.ProductListImageBox tr td, .CrossellingCount tr td, .BundledProductsTable tr td {
    padding: 5px;
    padding-top: 10px;
    text-align: center;
    vertical-align: top;
    background: transparent; 
    border: 1px solid transparent;
}


.SeeMore {
/*    display: none;*/
}



/* END PRODUCT DETAILS */



    
/* END Styles para tablet*/  

}

@media only screen and (max-width: 800px) {

.NavBarRoof.HorizontalNavBar .custom-right {
    height: 0;
}

.VM-NavBarRoof  {
    float: none !important;
    top: 0;
    margin: 62px 0 0 0;
    padding-bottom: 9px;
    border-bottom: 1px solid #8e8e8e;
}

.VM-NavBarRoof .PropertyContainer {
    height: auto !important;
}

.NavBarRoof .VM-NavBarRoof .PropertyContainer {

}

.VM-NavBarRoof .SizeContainer > div:last-of-type {
    margin-right: 0px;
    margin-top: 8px !important;
}

.Div .Header .ShopNameSlogan {
    margin-top: 12px;
}
                                          
} /* END MAX 900PX */