/*CSS SLIDE NOVEDADES*/

#div-titu-novedades{
        float:left; 
        padding-top:10px; 
        box-sizing: border-box; 
        font-family: "MontserratRegular",sans-serif; 
        font-size: 32px;
        color:#ffffff; 
        font-weight:500;
        text-align:center; width:100%; 
        padding-bottom:10px; 
        background-color: transparent;
        padding-left:10%;
        padding-right:10%;
}

.wrap{
	background-color:transparent;
	width:80%;
	margin-left:10%;
	padding-top:20px;
	padding-bottom:20px;
	position:absolute;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.slider{
	overflow:hidden;
	position:relative;
        width:98%;
	margin:0 auto;
	background-color:transparent;
	height:500px;
}

.slider ul{
	margin-left:10px;
	margin:0;
	padding:0;
	/*height:160px;*/
}

.slider li{
	/*width:230px;*/
	float:left;
	list-style:none;
	margin:0 5px 0 0;
}

.slider article{
	padding-bottom:10px;
}

.slider li article p.nombretxt{
	text-align:left;
	font-size:13px;
	color:#000; /*Personalizado*/
	height:45px;
	text-decoration:none;
	line-height:17px;
	font-family: 'PT Sans', sans-serif;
}

.prev-slide{
	background-color:#999;
	height:30px;
	width:30px;
	position:absolute;
	top:calc(50% - 25px);
	left:-50px;
	opacity:0.5;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	cursor:pointer;
}

.prev-slide:hover, .next-slide:hover{
	opacity:0.9;
}

.next-slide{
	background-color:#999;
	height:30px;
	width:30px;
	position:absolute;
	top:calc(50% - 25px);
	right:-50px;
	opacity:0.5;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	cursor:pointer;
}

.preciotxt2 {
	text-align:left;
	font-size:20px;
	color:#000; /*Personalizado*/
	font-weight:600;
	padding-left:10px;
	text-decoration:none;
	font-family: var(--font-celda); /*Personalizado*/
	float:left;
	clear:left;
	width:100%;
	margin-top:10px;
}
.preciotxt2 a{
	text-decoration:none;
}

p.nombretxt2 {
	text-align:left;
	font-size:13px;
	color:#333; /*Personalizado*/
	height:45px;
	text-decoration:none;
	font-family: var(--font-celda); /*Personalizado*/
	float:left;
	clear:left;

}
p.nombretxt2 a{
	text-decoration:none;
}


@media (max-width: 1024px) {
.wrap{
	width:80%;
}
}
@media (max-width: 768px) {
.wrap{
	width:80%;
	/*margin-top:30px;*/

}
}
@media (max-width: 500px) {
.slider{
	width:100%;
}

.wrap{
	/*max-width:230px;
	width:230px;*/
	max-width:300px;
	width:300px;
	margin:0 auto;
	position:relative;
}

.next-slide{
	right:-20px;
	top:40%;
}

.prev-slide{
	left:-20px;
	top:40%;
}
}