/*########################################## * 
General css for Products Slider for Virtuemart * 
Design by WebDesign - sites-design.com 
* Copyright 2006 - 2017 WebDesign
* Developer : http://www.sites-design.com 
###########################################*/    

.moduletable.news-vm.span6 {display: inline-block; margin: 20px 0; width: 50%; padding: 5px 0; border-bottom: 2px solid #aac09c;}   
.moduletable.news-vm h3 {
    background: -moz-linear-gradient(left,  rgba(138,185,99,0.3) 0%, rgba(201,223,183,0.3) 50%, rgba(138,185,99,0.3) 100%);
    background: -webkit-linear-gradient(left,  rgba(138,185,99,0.3) 0%,rgba(201,223,183,0.3) 50%,rgba(138,185,99,0.3) 100%);
    background: linear-gradient(to right,  rgba(138,185,99,0.3) 0%,rgba(201,223,183,0.3) 50%,rgba(138,185,99,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d8ab963', endColorstr='#4d8ab963',GradientType=1 );	
    text-shadow: 1px 1px 1px #c10000;
	text-align: center;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 30px;
    margin: 0;
    padding: 2px 10px;
	border-top: 2px solid #aac09c;
}    
	

/*---------layout-1 + 2---------*/  
.layout1, .layout2 {padding: 0 1%;}   
.slide .featuredProductImage {height: auto; width: auto; max-height: 220px;}     

.slide .detalhes {display: inline-block;}   
.slide .detalhes a {background: none; color: #777; font-size: 11px; font-weight: 400; line-height: 20px; border: 0; text-transform: uppercase;}
.slide .detalhes a:hover { color: #000; text-decoration: none;}    

.slide .price-txt {}   
.slide .price {height: 60px;}   
.slide .vm-display.vm-price-value {display: table; height: 20px; width: 100%;}      
.slide .price .PricebasePriceWithTax.vm-display.vm-price-value {margin: -5px 0 0;}    
.slide span.vm-price-desc {color: #999; font-size: 11px; margin: 0 5px 3px 0; text-align: left;}    
.slide span.PricesalesPrice {margin: 0; font-style: italic; font-size:18px; font-weight: 400; color: #777;}   
.price-crossed div.PricebasePriceWithTax .PricebasePriceWithTax {font-size: 14px; text-decoration: line-through;}     
.slide .PricediscountedPriceWithoutTax.vm-display.vm-price-value, .slide span.PricediscountAmount, .slide .PricepriceWithoutTax.vm-display.vm-price-value {display: none;} 
.slide .PricediscountAmount.vm-display.vm-price-value {display: block; width: auto; margin: -18px 50px 0 0;} 
.slide .percentagem {display: block; width: auto; margin: 0 0 0 50px;} 

.slide .addtocart-area {height: 100%; margin: 0; position: relative; z-index: 2;}        
.slide .produto-add_cart {margin: 2px 0 0;}
.slide .addtocart-area form {background: none;}
.quantity-box .quantity-input {height: 24px; border-radius: 50%; border: 1px solid #eee; padding: 0 0 1px 2px;} 
span.quantity-controls {margin: 6px 0 0 1px;}  
.addtocart-area {display: inline-block; width: 100%;}  
span.addtocart-button input.addtocart-button {background: url('/templates/t3_blank/images/bg_add-to-cart.png') no-repeat left center; float:none; color: #0180C6; letter-spacing: 0; border:0; height: 25px !important; margin:0; padding: 0 0 0 35px;}  
span.addtocart-button input.addtocart-button:hover {background: url('/templates/t3_blank/images/bg_add-to-cart_hover.png') no-repeat left center;  color: #07AE87;}  

.slide .nome-product {margin: 0; padding: 0; text-align: center;
  -webkit-transform: scale(1.0) skew(-5deg); /* prefixo para browsers webkit */
  -moz-transform: scale(1.0) skew(-5deg); /* prefixo para browsers gecko */
  -o-transform: scale(1.0) skew(-5deg); /* prefixo para opera */
  transform: scale(1.0) skew(-5deg);
  letter-spacing: -0.5px;}     
.slide .nome-product a {color: #0180C6; font-size: 18px; line-height: 1; text-decoration: none;  }  
.slide .nome-product a:hover {color: #07AE87;}  
.slide .desc {color: #777; font-size: 13px; line-height: 1; margin: 0; min-height: 45px; text-align: center;}   

.slide .span3.product-field.product-field-type-M, .slide .product-field-desc, .slide .login-lpvp, .slide .ask-a-question.bold {display: none;}      
.slide .vm-customfields-wrap {display: inline; margin: 0 0 2px; position: relative;}       
.slide .addtocart-area .product-fields {background: rgba(255, 255, 255, 0.85); position: relative; width: auto; margin: 0 1% -10px;}     
.slide .product-fields .product-field {display: inline-flex; border: 0; float: none; margin: 0; padding: 0; text-align: center; width: auto;}      
.slide .product-fields-title-wrapper span, .slide .product-fields-title strong {color: #999; font-weight: 400; float: left; line-height: 20px; padding: 1px 0 0;}    
.slide .product-field-display select {font-size: 12px; color:#777; max-width: 160px; border-bottom: 1px dotted #999; border-top: 1px dotted #999;}
/*------------------*/  
.glidecontentwrapper_layout2, .glidecontenttoggler_layout2 { float: right; }       
.glidecontent_layout1, .glidecontent_layout2 {position: absolute; visibility: hidden; width: 100%; height: 100%;}   

.mods_layout2 {background: #fff; height: 99%; text-align: right; width: 99%; margin: 0 1% 1% 0;}     

.glidecontentwrapper_layout1, .glidecontentwrapper_layout2 {position: relative; z-index: 0; width: 100%; height: 270px; overflow: hidden; margin: 0; padding: 1px;}   
.glidecontentwrapper_layout2, .glidecontenttoggler_layout2 {float: right;}       
.glidecontent_layout1, .glidecontent_layout2 {background: #fff; position: absolute; visibility: hidden; width: 100%; height: 100%;}  

.glidecontenttoggler_layout1 {background: transparent; margin: 0; float: left; position: relative; width: 100%; z-index: 10;}    
.glidecontenttoggler_layout2 {background: transparent; margin: 10px 0 0; float: right; position: relative; width: auto; z-index: 10;}    

/** Arrows **/
#p-select1, #p-select2 {margin: 0; position: relative; width: 100%; z-index: 1;}   

.glidecontenttoggler_layout1 a.prev, .glidecontenttoggler_layout1 a.next, 
.glidecontenttoggler_layout2 a.prev, .glidecontenttoggler_layout2 a.next {text-decoration: none; display: block; font-size: 36px; color: #999; text-shadow: 1px 1px #b0d096; margin: -40px 0 0;}    
.glidecontenttoggler_layout1 a.prev, .glidecontenttoggler_layout2 a.prev, .glidecontenttoggler_layout3 a.prev {float: left;}    
.glidecontenttoggler_layout1 a.next, .glidecontenttoggler_layout2 a.next, .glidecontenttoggler_layout3 a.next {float: right;}    
.glidecontenttoggler_layout1 a.prev:hover, .glidecontenttoggler_layout1 a.next:hover, 
.glidecontenttoggler_layout2 a.prev:hover, .glidecontenttoggler_layout2 a.next:hover, 
.glidecontenttoggler_layout3 a.prev:hover, .glidecontenttoggler_layout3 a.next:hover {color: #B0D096; text-shadow: 1px 1px #333;}   
.glidecontenttoggler_layout3 a.prev, .glidecontenttoggler_layout3 a.next {text-decoration: none; display: block; font-size: 32px; color: #999; text-shadow: 1px 1px #b0d096; margin: 0 20px;}    

/*---------layout-3---------*/  
.module.sidebar h3 {
    background: rgba(0, 0, 0, 0) url("bg-h3.png") no-repeat left bottom;
    border-radius: 3px 6px 6px 0;
    color: #fff;
    font-family: "calligraph421_btroman";
    margin: 0 0 0 -5px;
    padding: 0 0 10px 17px;
    text-shadow: 1px 1px 1px #c10000;
}    	
.glidecontentwrapper_layout3 {height: 180px; margin: 0 0 0 2%; overflow: hidden; padding: 0; position: relative; width: 98%; z-index: 1;}    
.glidecontent_layout3 {background: #fff; position: absolute; visibility: hidden; width: 100%; height: 100%;}  
.slide.mods_layout3 {background: #fff;}    
.slide.mods_layout3 .featuredProductImage {max-height: 100px;}   
.slide.mods_layout3 .nome-product {line-height: 1; min-height: 32px;}    
.slide.mods_layout3 .nome-product a {color: #c10000; font-size: 15px; text-decoration: none;}    
.slide.mods_layout3 .desc {font-size: 12px;}   
.slide.mods_layout3 .price {height: 40px;}   

#p-select3 {display: inline-block !important; margin: -10px 0 0; position: relative; width: 100%; z-index: 2;}     

/*--------- Home page---------*/  
.moduletable.home {display: inline-block; text-align: center;} 
.home .moduletable.slider.span8 {width: 78%; margin: 0 2% 0 0;} 
.home .span2 {display: inline-grid; text-align: center; width: 18.83%; margin: 1px; padding: 0.5%; box-shadow: 1px 0 3px 6px #eee inset;} 
.home .span2 div {display: inherit; width: 99.4%; margin: 0 auto; box-shadow: none;} 
.home .span2 .inner {background: rgba(255,255,255,0.6); display: table; height: 50px; border: 1px dashed #BBD2E3; width: 96%; margin: -90% 1.5% 0; position: relative; z-index: 1;} 
.home .span2 div:hover {opacity: 0.8; filter: alpha(opacity=80);}
.home .span2 .inner a {vertical-align: middle; display: table-cell;} 
.home .span2 .inner, .home .span2 .inner a {font-size: 20px; color: #fff;  -webkit-text-fill-color: #777; -webkit-text-stroke-color: #07AE87; -webkit-text-stroke-width: 0.5px;} 
.home .span2 div:hover + .inner, .home .span2 div:hover + .inner a, .home .span2 .inner a:hover {text-decoration: none; -webkit-text-fill-color: #fff; -webkit-text-stroke-color: #000; -webkit-text-stroke-width: 0.5px;} 
.slider .vmheader {
  background: url("bg-mod.png") no-repeat;
  width: 134px;
  height: 95px;
  margin:10px 0 0 -10px;  
  position: absolute; 
  z-index:1;  
}
  .slider .vmheader p {
  font-size: 13px;
  line-height: 30px;
  margin: 16px 0 0 10px;
  color: #fff;
  text-transform: uppercase;
  transform:rotate(-20deg);
  -ms-transform:rotate(-20deg); /* IE 9 */
  -webkit-transform:rotate(-20deg); /* Opera, Chrome, and Safari */
} 

.moduletable.slider.span8 .slide .percentagem {
    display: block;
    width: auto;
    margin: 0 0 0 35px;
    position: absolute;
    left: 36px;
    top: 70px;
	color: #000;
} 
.moduletable.slider.span8 .slide .PricediscountAmount.vm-display.vm-price-value span.vm-price-desc {
    color: #999;
    font-size: 11px;
    margin: 0 5px 3px 0;
    text-align: left;
    position: absolute;
    top: 58px;
    left: 75px;
	color: #000;
} 
.product-fields-title-wrapper {font-weight: bold; padding: 0 5px 3px; min-width: 0;} 

@media (min-width: 1201px) and (max-width: 1360px) {
  .glidecontentwrapper_layout1, .glidecontentwrapper_layout2 {height: 235px;} 
} 

@media (min-width: 981px) and (max-width: 1200px) {
  .glidecontentwrapper_layout1, .glidecontentwrapper_layout2 {height: 235px;} 
  .home .moduletable.slider.span8 {width: 74.5%; margin: -240px 0 0 auto; float: right;} 
  .home .span2 {width: 23.78%;} 
  .moduletable.home + .slider + .moduletable.home + .moduletable.home {float: right; width: 75%;} 
  .moduletable.home + .slider + .moduletable.home + .moduletable.home .span2 {width: 32%;} 
} 

@media (min-width: 769px) and (max-width: 980px) {
  .glidecontentwrapper_layout1, .glidecontentwrapper_layout2 {height: 255px;} 
  .home .moduletable.slider.span8 {width: 64.4%;} 
  .home .span2 {width: 32%;} 
  .home .span2 + .span2 + .span2 + .span2, .home .span2 + .span2 + .span2 + .span2 + .span2 {width: 48.6%;} 
  .slide .desc {display: block; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden;  line-height: 16px; min-height: 40px; max-height: 48px;} 
}    
	
@media (max-width: 768px) {
  .home .slide .PricediscountAmount.vm-display.vm-price-value {margin: 0;} 
}      

@media (min-width: 601px) and (max-width: 768px) {
  .glidecontentwrapper_layout1, .glidecontentwrapper_layout2 {height: 225px;} 
  .slide.mods_layout2 td {padding: 3px 0 !important; height: auto !important;} 
  .home .moduletable.slider.span8 {float: left; width: 64.3%;} 
  .home .span2 {float: left; width: 32.9%;} 
  .span2 + .span2 + .span2 + .span2, .span2 + .span2 + .span2 + .span2 + .span2 {width: 49.5%;} 
  .slide .nome-product a {display: block; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; font-size: 15px; line-height: 16px; min-height: 30px; max-height: 30px;} 
  .slide .desc {display: block; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; font-size: 12px; line-height: 14px; min-height: 30px; max-height: 40px;} 
  .slide .vm-display.vm-price-value, .slide .price {height: auto;} 
  .slide span.PricesalesPrice {line-height: 1;} 
}    

@media (max-width: 600px) {
  .glidecontentwrapper_layout1, .glidecontentwrapper_layout2 {height: 230px;} 
  .home .moduletable.slider.span8 {width: 100%; margin: 0;} 
  .moduletable.home {width: 100% !important;} 
  .moduletable.home.span2 {width: 100% !important; max-width: 100% !important; box-shadow: none;} 
  .home .span2 {width: 99%; margin: 1px auto; max-width: 320px; float: none !important;} 
  
  .slide .nome-product a {display: block; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; font-size: 15px; line-height: 16px; min-height: 30px; max-height: 30px;} 
  .slide .desc {display: block; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; font-size: 12px; line-height: 14px; min-height: 30px; max-height: 40px;} 
  .slide .vm-display.vm-price-value, .slide .price {height: auto;} 
  .slide span.PricesalesPrice {line-height: 1;} 
}