html {

    min-height: 100%;
	position: relative;
	overflow-y: scroll;
	overflow-x: hidden;

}
body {

	font-family: 'Josefin Sans', sans-serif;
	margin: 0;
    margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 20px;
	color: #2a2a2a;
	background-color: #fcfcfc;


}
.container{
width: 100%;
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
height: 100%;
}

.cuerpo{
padding-top: 10px;
padding-bottom: 75px;
display: grid;

}

img {
	outline:0;
	vertical-align:top;
	border:0;
	max-width:100.1%;
	height:auto;
}

.row {

    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;

}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;

}
/*-----------------------------------------------------------------------------------*/
/*	TYPOGRAPHY
/*-----------------------------------------------------------------------------------*/

p {
	font-size: 14px;
	color: #585858;
	line-height: 1.6;
}


h1, h2, h3, h4, h5, h6 {
	margin-top:0;
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
	font-weight:400;
	color:#333;
}
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {font-weight:900;}
h1 {margin:0 0 8px; line-height:30px; font-size:26px;}
h2 {margin:0 0 25px; line-height:24px; font-size:20px;}		/*used*/
h3 {margin:0 0 21px; line-height:20px; font-size:15px;}		/*used*/
h4 {margin:0 0 18px; line-height:20px; font-size:13px;}		/*used*/
h5 {margin:0 0 15px; line-height:17px; font-size:12px;}		/*used*/
h6 {margin:0 0 15px; line-height:15px; font-size:10px;}

.center {text-align:center;}


.color_text {color:#30a67c;}
.color_red {color:#cc3333;}

.title {
	margin-bottom:27px;
	padding-bottom:6px;
	border-bottom:1px solid #e9e9e9;
}
.title h3 {
	margin:0 0 9px;
	font-weight:900;
}



.title2 {margin-bottom:9px;}
.title2 h2 {
	margin:0 0 25px;
	text-transform:none;
	font-weight:400;
	line-height:28px;
	font-size:24px;
	color:#242424;
}
.title2 p {line-height:24px; font-size:14px;}



.margbot0 {margin-bottom:0 !important;}
.margbot5 {margin-bottom:5px !important;}
.margbot10 {margin-bottom:10px !important;}
.margbot15 {margin-bottom:15px;}
.margbot20 {margin-bottom:20px;}
.margbot25 {margin-bottom:25px;}
.margbot30 {margin-bottom:30px !important;}
.margbot35 {margin-bottom:35px !important;}
.margbot40 {margin-bottom:40px;}
.margbot50 {margin-bottom:50px;}
.margbot60 {margin-bottom:60px;}
.margbot70 {margin-bottom:70px;}
.margbot80 {margin-bottom:80px;}
.margbot90 {margin-bottom:90px;}
.margbot100 {margin-bottom:100px;}

.pad0 {padding:0 !important;}
.padbot0 {padding-bottom:0 !important;}
.padbot10 {padding-bottom:10px !important;}
.padbot20 {padding-bottom:20px !important;}
.padbot30 {padding-bottom:30px !important;}
.padbot40 {padding-bottom:40px !important;}
.padbot50 {padding-bottom:50px !important;}
.padbot60 {padding-bottom:60px !important;}
.padbot70 {padding-bottom:70px !important;}
.padbot80 {padding-bottom:80px !important;}
.padbot90 {padding-bottom:90px !important;}
.padbot100 {padding-bottom:100px !important;}
.padtop0 {padding-top:0 !important;}

.border0 {border:0 !important;}


/*-------------el diseño de ingreso de cupones--------*/
/*-----------------------------------------------------------------------------------*/
/*	TYPOGRAPHY
/*-----------------------------------------------------------------------------------*/
/*   table horizontal, laptop, tv y escritorio  ulizamos xl */
@media only screen and  (min-width: 1200px) {
	body {
		margin-top: 160px;
	}
	.container {
		max-width: 1200px;
	}
}


/*   table horizontal, laptop, tv y escritorio  ulizamos lg */
@media only screen and  (min-width: 992px) and (max-width: 1199px) {
	body {
		margin-top: 160px;
	}
	.container {
		max-width: 1199px;
	}
}

/* table   y utilizamos md */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	body {
		margin-top: 160px;
	}
	.container {
		max-width: 991px;
	}
}

/* mobil vertical y horizontal utilizamos sm */
@media (max-width: 767px)  {

	.container {
		max-width: 767px;
	}
}