/*########################################## * 
General css for Products Slideshow Virtuemart * 
Design by WebDesign - sites-design.com 
* Copyright 2016 WebDesign * Licensed for Lojasnascente
* Developer : http://www.sites-design.com 
###########################################*/    

.moduletable.slideshow{padding:0;}     
.custom_mod-home, .tamanhos {display: none;} 
.moduletable.slideshow > h3 { 
    font-family: "ralewaylight";
	font-size: 28px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 1;
    margin: 30px 0 1px;
    text-transform: uppercase;
	border-bottom: 1px solid #DBF5F9; 
}     
#wrapper.slideshow.slideshow {margin: 4% 0;}    

#container1.slideshow, #container2.slideshow { width:100%; max-width: 950px; height:auto; position:relative; margin: 0;}       

#container1.slideshow ul, #container2.slideshow ul {
	width:96%;
	height:300px;
	list-style:none;
	position:relative;
	overflow:hidden;
	margin: 0; 
	padding: 0 2%;
}   

#container1.slideshow li:first-child, #container2.slideshow li:first-child {display:list-item; position:absolute;}   
#container1.slideshow li, #container2.slideshow li {background: #fff; position:absolute; display:none; height:260px; width: 100%;}    

#container1.slideshow .imagem img, #container3.slideshow .imagem img {width: auto; max-height: 260px; max-width: 98% !important; margin: 0 0 0 2%;}     
#container2.slideshow .imagem img, #container4.slideshow .imagem img {width: auto; max-height: 260px; max-width: 98% !important; margin: 0 0 0 2%;}     
.slideshow-cont td, .slideshow-cont2 td{box-shadow: none; text-align: center;}    

.slideshow-cont {float: left; border:0; width:60%; height:260px;}  
.slideshow-cont2 {float: left; border:0; width:60%; height:260px;}  

.slideshow .imagem, .slideshow .produto-nome, .slideshow .fabricante, .slideshow .desc, .slideshow .link-detalhes {float: left;}      
.slideshow .produto-nome, .slideshow .fabricante, .slideshow .desc, .slideshow .link-detalhes, .slideshow .price {color: #777; width: 98%; text-align: center; margin: 5px 1%; min-height: 60px;}      
.slideshow .fabricante {display: none;}      
.slideshow .fabricante p {margin: 0;}    
.slideshow .desc {line-height: 15px;}    
.slideshow .imagem {background: #fff; text-align: right; width: 40%;}     

.slideshow .produto-nome > a {color: #2BA3C6; font-size: 30px; line-height: 24px; font-weight: 400; letter-spacing: -0.5px;}     

.slideshow .price {display: inline-block; text-align: center; width: auto; margin: 10px auto 5px; min-height: 44px;  float: none;}    
.slideshow .PricesalesPrice.vm-display.vm-price-value {}   
.slideshow .addtocart-area {margin: 0; display: inline-block; float: right;}     
.slideshow span.quantity-box .quantity-input.js-recalculate {height: 25px; width: 28px;}     
.slideshow .quantity-controls.js-recalculate {margin: 5px 5px 0 0;}     
.slideshow span.quantity-controls input.quantity-plus {background: url("images/quantity-controls.png") no-repeat; margin: 0; width: 20px; height: 16px;}   
.slideshow span.quantity-controls input.quantity-minus {background: url("images/quantity-controls.png") no-repeat -20px 0; margin: 0; width: 20px;}    
.slideshow span.addtocart-button input.addtocart-button {
    background: none;
    color: #777;
    font-weight: 400;
    padding: 4px 8px 3px;
    border-radius: 0;
    border: 1px solid #ccc;
    margin: 5px 0 0;
	text-transform: none;
    letter-spacing: 0;
}

.slideshow .link-detalhes a {color: #999; font-size: 16px; margin: 5px auto; padding: 3px 8px;  border: 1px solid #ccc;}   
.slideshow .produto-nome > a:hover, .slideshow .link-detalhes a:hover, .slideshow div.vm-details-button a:hover {color: #0E009D; text-decoration: none;}   
.slideshow div.vm-details-button a {color: #999; font-size: 16px; margin: 5px auto; padding: 2px 10px;  border: 1px solid #ccc;}     

.slideshow .navega {
	background: -moz-linear-gradient(90deg, #ffffff 0%, #ffffff 1%, #E3EEF3 50%, #ffffff 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #E3EEF3), color-stop(99%, #ffffff), color-stop(100%, #ffffff)); 
    background: -webkit-linear-gradient(90deg, #ffffff 0%, #ffffff 1%, #E3EEF3 50%, #ffffff 100%); 
    background: -o-linear-gradient(90deg, #ffffff 0%, #ffffff 1%, #E3EEF3 50%, #ffffff 100%); 
    background: -ms-linear-gradient(90deg, #ffffff 0%, #ffffff 1%, #E3EEF3 50%, #ffffff 100%); 
    background: linear-gradient(0deg, #ffffff 0%, #ffffff 1%, #E3EEF3 50%, #ffffff 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); 
	display: block; margin: 5px 0 0; width: 100%; text-align: center; position: absolute;
}          
.slideshow .navega .prevButton, .slideshow .navega .nextButton {
    line-height: 1;
    text-align: center;
    background: none;
    color: #999;
    text-decoration: none;
    font-size: 42px;
	font-weight: 400;
	box-shadow: none; 
	padding: 0 15px;
	margin: -5px 20px 0;
}  
.slideshow .navega .prevButton {float: right;}    
.slideshow .navega .nextButton {float: left;}    
.slideshow .navega .prevButton:hover, .slideshow .navega .nextButton:hover{color: #000; text-decoration: none; cursor: pointer;}     

/** ----------- Responsive **/  
@media (min-width: 1201px) and (max-width: 1360px) {
#container1.slideshow ul, #container2.slideshow ul, #container1.slideshow li, #container2.slideshow li {height:280px;}    
#wrapper.slideshow.slideshow {margin: 2% 0;} 
.slideshow-cont {height: 240px;} 
.slideshow .produto-nome > a { 
  display: block; 
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 2em; /* limita 2 linhas */
  line-height: 1em;
}     
.slideshow .desc { 
  display: block; 
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 3em; /* limita 3 linhas */
  line-height: 1em;
}     
.slideshow .produto-nome > a {font-size: 24px;}    
.slideshow .desc {font-size: 14.5px; line-height: 14px;}    
#container1.slideshow .imagem img, #container2.slideshow .imagem img {max-height: 240px;} 
}   

@media (min-width: 981px) and (max-width: 1200px) {
#container1.slideshow ul, #container2.slideshow ul, #container1.slideshow li, #container2.slideshow li {height:260px;}    
#wrapper.slideshow.slideshow {margin: 0;} 
.slideshow-cont {height: 220px;} 
.slideshow .desc, .slideshow .produto-nome > a { 
  display: block; 
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 2em; /* limita a 2 linhas */
  line-height: 1em;
  min-height: 30px;
}     
.slideshow .produto-nome > a {font-size: 24px;}    
#container1.slideshow .imagem img, #container2.slideshow .imagem img {max-height: 230px;} 
}   

@media (min-width: 769px) and (max-width: 980px) {	
#wrapper.slideshow.slideshow {margin: 0;} 
#container1.slideshow ul, #container2.slideshow ul, #container1.slideshow li, #container2.slideshow li {height:210px;}    
#container1.slideshow .imagem img, #container2.slideshow .imagem img {width: auto; max-height: 160px;}     
.slideshow-cont {height:160px;}  
.slideshow-cont2 {height:160px;}  
.slideshow .desc {font-size: 14px; line-height: 14px;}    
.slideshow .desc, .slideshow .produto-nome > a { 
  display: block; 
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 2em; /* limita a 2 linhas */
  line-height: 1em;
  min-height: 28px;
}     
.slideshow .produto-nome > a {font-size: 20px;}     
.slideshow .produto-nome, .slideshow .fabricante, .slideshow .desc, .slideshow .link-detalhes {margin: 0 1%;}      
.slideshow .price {margin: 5px auto; min-height: 30px;} 
.slideshow .PricesalesPrice.vm-display.vm-price-value {float: left; margin: 0 5px 0 0;}   
.slideshow .link-detalhes a {font-size: 13px; margin: 0 auto; padding: 2px 8px;}   
}  

@media (max-width: 768px) { 
.slideshow .desc { font-size: 12px; line-height: 14px;}    
.slideshow .produto-nome > a { font-size: 20px;}  
.slideshow .desc, .slideshow .produto-nome > a { 
  display: block; 
  text-overflow: ellipsis;
  word-wrap: break-word;
  overflow: hidden;
  max-height: 2em; /* limita a 2 linhas */
  line-height: 1em;
  min-height: 25px;
}     
.slideshow .produto-nome, .slideshow .fabricante, .slideshow .desc, .slideshow .link-detalhes, .slideshow .price {margin: 0 1%;}      
.slideshow .link-detalhes a {font-size: 13px; margin: 0 auto; padding: 1px 8px;}   
.slideshow div.vm-details-button a {padding: 2px 8px;} 
}  

@media (min-width: 601px) and (max-width: 768px) {	
  #wrapper.slideshow.slideshow {margin: 0;} 
  #container1.slideshow ul, #container2.slideshow ul, #container1.slideshow li, #container2.slideshow li {height:180px;}    
  #container1.slideshow .imagem img, #container2.slideshow .imagem img {width: auto; max-height: 140px;}     
  .slideshow .produto-nome, .slideshow .fabricante, .slideshow .desc, .slideshow .link-detalhes, .slideshow .price {min-height: 30px;} 
  .slideshow-cont {height:140px;}  
  .slideshow-cont2 {height:140px;}  
  .slideshow .navega {margin: 0;} 
  .slideshow .price {margin: 5px auto; min-height: 30px;} 
} 

@media (min-width: 481px) and (max-width: 600px) {	
  #wrapper.slideshow.slideshow {margin: 0;} 
  #container1.slideshow ul, #container2.slideshow ul, #container1.slideshow li, #container2.slideshow li {height:240px;}    
  #container1.slideshow .imagem img, #container2.slideshow .imagem img {width: auto; max-height: 190px;}     
  .slideshow-cont {height:190px;}  
  .slideshow-cont2 {height:190px;}  
  .slideshow .navega {margin: 0;} 
} 

@media (max-width: 480px) {
  #wrapper.slideshow.slideshow {margin: 0;} 
  #container1.slideshow ul, #container2.slideshow ul, #container1.slideshow li, #container2.slideshow li {height:220px;}    
  #container1.slideshow .imagem img, #container2.slideshow .imagem img {width: auto; max-height: 170px;}     
  .slideshow-cont {height:170px;}  
  .slideshow-cont2 {height:170px;}  
  #container1.slideshow .navega, #container2.slideshow .navega {margin: 0;}
.slideshow .produto-nome, .slideshow .fabricante, .slideshow .desc, .slideshow .link-detalhes, .slideshow .price {min-height: 40px;} 
.produto-nome, .fabricante, .desc, .link-detalhes {margin: 0 1%;}      
.slideshow .produto-nome > a {font-size: 20px; letter-spacing: -0.5px;}     
.slideshow .fabricante, .slideshow .desc {font-size: 13px; line-height: 14px;}   
.slideshow .price {min-height: 15px;} 
span.PricesalesPrice {font-size: 18px !important;} 
.slideshow .link-detalhes a {font-size: 14px; margin: 0 auto; padding: 1px 7px;}   
.slideshow div.vm-details-button a {font-size: 14px; padding: 2px 7px;} 
}