*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;

}
/*font-family: 'Open Sans', sans-serif;
font-family: 'Merriweather', serif;
*/
.back-azul{
	background: #0d2d62;
}
body{
	overflow-x: hidden;
}
.rel{
	position: relative;
}

.act{
	color: #7d99fb;
}
.txt-negro
{
	color: #1e1e1e;
}
.txt-amarillo{
	color: #FFFC5E;
}

.txt-rojo{
	color: #a22b17;
}
.txt-azul-fuerte{
	color: #182e7a;
	
}
.txt-azul{
	color:#7d99fb;
}

.txt-blanco{
	color: #fff;
}

.cont-general{
	position: relative;
	width: 100%;
}


.qui-xs{
	display: none;
}
.apa-xs{
	display: flex;
}

.mg-xs-1{
	margin: 16px;
}
.mg-xs-2{
	margin: 32px;
}
.mg-xs-3{
	margin: 48px;
}

.mt-xs-0{
	margin-top: 0px;
}

.mt-xs-1{
	margin-top: 16px;
}
.mt-xs-2{
	margin-top: 32px;
}
.mt-xs-3{
	margin-top: 48px;
}


.mb-xs-1{
	margin-bottom: 16px;
}
.mb-xs-2{
	margin-bottom: 32px;
}
.mb-xs-3{
	margin-bottom: 48px;
}

.mr-xs-1{
	margin-right:  16px;
}
.mr-xs-2{
	margin-right:  32px;
}
.mr-xs-3{
	margin-right:  48px;
}

.ml-xs-1{
	margin-left:  16px;
}
.ml-xs-2{
	margin-left:  32px;
}
.ml-xs-3{
	margin-left:  48px;
}


/*padding*/


.pg-xs-05{
	padding: 8px;
}
.pg-xs-1{
	padding: 16px;
}
.pg-xs-2{
	padding: 32px;
}
.pg-xs-3{
	padding: 48px;
}

.pt-xs-1{
	padding-top: 16px;
}
.pt-xs-2{
	padding-top: 32px;
}
.pt-xs-3{
	padding-top: 48px;
}

.pb-xs-1{
	padding-bottom: 16px;
}
.pb-xs-2{
	padding-bottom: 32px;
}
.pb-xs-3{
	padding-bottom: 48px;
}

.pr-xs-1{
	padding-right:  16px;
}
.pr-xs-2{
	padding-right:  32px;
}
.pr-xs-3{
	padding-right:  48px;
}

.pl-xs-1{
	padding-left:  16px;
}
.pl-xs-2{
	padding-left:  32px;
}
.pl-xs-3{
	padding-left:  48px;
}




@media screen  and (min-width: 1200px){

.qui-xl{
	display: none;
}
.apa-xl{
	display: flex;
}	

.mg-xl-1{
	margin: 16px;
}
.mg-xl-2{
	margin: 32px;
}
.mg-xl-3{
	margin: 48px;
}


.mt-xl-1{
margin-top: 16px;
}
.mt-xl-2{
	margin-top: 32px;
}
.mt-xl-3{
	margin-top: 48px;
}

.mb-xl-1{
	margin-bottom: 16px;
}
.mb-xl-2{
	margin-bottom: 32px;
}
.mb-xl-3{
	margin-bottom: 48px;
}

.mr-xl-1{
	margin-right:  16px;
}
.mr-xl-2{
	margin-right:  32px;
}
.mr-xl-3{
	margin-right:  48px;
}

.ml-xl-1{
	margin-left:  16px;
}
.ml-xl-2{
	margin-left:  32px;
}
.ml-xl-3{
	margin-left:  48px;
}

/*padding*/
.pg-xl-05{
	padding: 8px;
}
.pg-xl-1{
	padding: 16px;
}
.pg-xl-2{
	padding: 32px;
}
.pg-xl-3{
	padding: 48px;
}


.pt-xl-1{
	padding-top: 16px;
}
.pt-xl-2{
	padding-top: 32px;
}
.pt-xl-3{
	padding-top: 48px;
}

.pb-xl-1{
	padding-bottom: 16px;
}
.pb-xl-2{
	padding-bottom: 32px;
}
.pb-xl-3{
	padding-bottom: 48px;
}

.pr-xl-1{
	padding-right:  16px;
}
.pr-xl-2{
	padding-right:  32px;
}
.pr-xl-3{
	padding-right:  48px;
}

.pl-xl-1{
	padding-left:  16px;
}
.pl-xl-2{
	padding-left:  32px;
}
.pl-xl-3{
	padding-left:  48px;
}	

}


@media screen  and (min-width:  992px){
.qui-lg{
	display: none;
}
.apa-lg{
	display: flex;
}

.mg-lg-1{
	margin: 16px;
}
.mg-lg-2{
	margin: 32px;
}
.mg-lg-3{
	margin: 48px;
}

.mt-lg-0{
margin-top: 0px;
}
.mt-lg-1{
margin-top: 16px;
}
.mt-lg-2{
	margin-top: 32px;
}
.mt-lg-3{
	margin-top: 48px;
}

.mb-lg-1{
	margin-bottom: 16px;
}
.mb-lg-2{
	margin-bottom: 32px;
}
.mb-lg-3{
	margin-bottom: 48px;
}

.mr-lg-1{
	margin-right:  16px;
}
.mr-lg-2{
	margin-right:  32px;
}
.mr-lg-3{
	margin-right:  48px;
}

.ml-lg-1{
	margin-left:  16px;
}
.ml-lg-2{
	margin-left:  32px;
}
.ml-lg-3{
	margin-left:  48px;
}
/*padding*/
.pg-lg-05{
	padding: 8px;
}
.pg-lg-1{
	padding: 16px;
}
.pg-lg-2{
	padding: 32px;
}
.pg-lg-3{
	padding: 48px;
}

.pt-lg-1{
	padding-top: 16px;
}
.pt-lg-2{
	padding-top: 32px;
}
.pt-lg-3{
	padding-top: 48px;
}

.pb-lg-1{
	padding-bottom: 16px;
}
.pb-lg-2{
	padding-bottom: 32px;
}
.pb-lg-3{
	padding-bottom: 48px;
}

.pr-lg-1{
	padding-right:  16px;
}
.pr-lg-2{
	padding-right:  32px;
}
.pr-lg-3{
	padding-right:  48px;
}

.pl-lg-1{
	padding-left:  16px;
}
.pl-lg-2{
	padding-left:  32px;
}
.pl-lg-3{
	padding-left:  48px;
}	
	
}

@media screen  and (min-width:  768px){
.pg-md-05{
	padding: 8px;
}
.qui-md{
	display: none;
}
.apa-md{
	display: flex;
}

.mg-md-1{
	margin: 16px;
}
.mg-md-2{
	margin: 32px;
}
.mg-md-3{
	margin: 48px;
}

.mt-md-1{
margin-top: 16px;
}
.mt-md-2{
	margin-top: 32px;
}
.mt-md-3{
	margin-top: 48px;
}

.mb-md-1{
	margin-bottom: 16px;
}
.mb-md-2{
	margin-bottom: 32px;
}
.mb-md-3{
	margin-bottom: 48px;
}

.mr-md-1{
	margin-right:  16px;
}
.mr-md-2{
	margin-right:  32px;
}
.mr-md-3{
	margin-right:  48px;
}

.ml-md-1{
	margin-left:  16px;
}
.ml-md-2{
	margin-left:  32px;
}
.ml-md-3{
	margin-left:  48px;
}
	

/*padding*/
.pg-md-1{
	padding: 16px;
}
.pg-md-2{
	padding: 32px;
}
.pg-md-3{
	padding: 48px;
}


.pt-md-1{
	padding-top: 16px;
}
.pt-md-2{
	padding-top: 32px;
}
.pt-md-3{
	padding-top: 48px;
}

.pb-md-1{
	padding-bottom: 16px;
}
.pb-md-2{
	padding-bottom: 32px;
}
.pb-md-3{
	padding-bottom: 48px;
}

.pr-md-1{
	padding-right:  16px;
}
.pr-md-2{
	padding-right:  32px;
}
.pr-md-3{
	padding-right:  48px;
}

.pl-md-1{
	padding-left:  16px;
}
.pl-md-2{
	padding-left:  32px;
}
.pl-md-3{
	padding-left:  48px;
}	

}
@media screen  and (min-width:  576px){
.pg-sm-05{
	padding: 8px;
}
.qui-sm{
	display: none;
}
.apa-sm{
	display: flex;
}

.mg-sm-1{
	margin: 16px;
}
.mg-sm-2{
	margin: 32px;
}
.mg-sm-3{
	margin: 48px;
}

.mt-sm-1{
margin-top: 16px;
}
.mt-sm-2{
	margin-top: 32px;
}
.mt-sm-3{
	margin-top: 48px;
}

.mb-sm-1{
	margin-bottom: 16px;
}
.mb-sm-2{
	margin-bottom: 32px;
}
.mb-sm-3{
	margin-bottom: 48px;
}

.mr-sm-1{
	margin-right:  16px;
}
.mr-sm-2{
	margin-right:  32px;
}
.mr-sm-3{
	margin-right:  48px;
}

.ml-sm-1{
	margin-left:  16px;
}
.ml-sm-2{
	margin-left:  32px;
}
.ml-sm-3{
	margin-left:  48px;
}

	
/*padding*/

.pg-sm-1{
	padding: 16px;
}
.pg-sm-2{
	padding: 32px;
}
.pg-sm-3{
	padding: 48px;
}

.pt-sm-1{
	padding-top: 16px;
}
.pt-sm-2{
	padding-top: 32px;
}
.pt-sm-3{
	padding-top: 48px;
}

.pb-sm-1{
	padding-bottom: 16px;
}
.pb-sm-2{
	padding-bottom: 32px;
}
.pb-sm-3{
	padding-bottom: 48px;
}

.pr-sm-1{
	padding-right:  16px;
}
.pr-sm-2{
	padding-right:  32px;
}
.pr-sm-3{
	padding-right:  48px;
}

.pl-sm-1{
	padding-left:  16px;
}
.pl-sm-2{
	padding-left:  32px;
}
.pl-sm-3{
	padding-left:  48px;
}


}