.lightboxcontainer, .html5-elem-box, .html5-elem-box * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.promo {
    border-bottom: 1px solid #c4d600;
    margin: 0 auto; padding: 25px 0;
}
.promoimg {text-align: center;}
.promoimg img {max-width: 400px;}
.condiciones {padding: 0 0 0 20px;}
.condiciones p {padding: 0 0 12px; font-size: 15px; color: #009D0C;}
.condiciones h3 {font: 12px Arial; padding-bottom: 8px;}

.condiciones ol {padding-left: 15px;}
.condiciones ol li {padding-bottom: 10px; font-weight: bold;}
.condiciones ul li {
	list-style-type: none; position: relative;
	padding: 0 0 2px 15px; font-size: 12px; font-weight: normal; 
}
.condiciones ul li:before {
   content: "\2605"; color: #c4d600;
   position: absolute; left: 0;
}

.promobtn {
	display: inline-block; font-size: 14px;
	margin: 20PX auto 0; background: #006341;
	padding: 10px 25px; color: #fff;
	border: 1px solid #006341;
}
.promobtn:hover {
	background: transparent; color: #006341;
}
.html5-elem-box {border-bottom: 10px solid #fff;}
.lightboxcontainer {width:100%; text-align: left; font-size: 12px; padding: 35px 20px;}
.lightboxcontainer h2 {font: normal 14px Arial; color: #009D0C; text-align: center; padding-bottom: 20px;}
.lightboxcontainer p {color: inherit; font-size: 12px; font-weight: normal;}

@media screen and (max-width: 768px) {
	.promoimg img {max-width: 100%; margin-bottom: 10px;}
	.condiciones {padding: 0;}
}