body {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    text-align: left;
    background-color:#fff;
	    overflow-x: hidden;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 700;
    line-height: 1.2;
    color: inherit;
}

h1, .h1, h2, .h2, h3, .h3 , h4, h5, h6 {
    margin-top: 0px;
    margin-bottom: 10px;
}

h1, .h1, h2, .h2, h3, .h3, h5, .h5 {
    font-family: 'Raleway', sans-serif;
}

.h6, h6 {
    font-size: 16px;
}

p {
    font-family: 'Lato', sans-serif;
}


@media (min-width: 1280px){
.container {
    width: 1260px;
}
}

.titulo-xl {
	font-size: 40px;
}


.titulo-lg {
	font-size: 32px;
}

.titulo-md {
	font-size: 28px;
}

.titulo-sm {
	font-size: 24px;
}

.titulo-xs {
	font-size: 20px;
}

.titulo-xxs {
	font-size: 18px;
}

.titulo-xxss {
	font-size: 15px;
}

.titulo-principal-mod {
	font-size: 28px;
}



@media (max-width: 767px) {
.titulo {
	font-size:15px !important;
}

.titulo-xxss {
	font-size: 15px !important;
}

.titulo-principal-mod {
	font-size: 21px !important;
}

}

/*-------- FLEXBOX ---------*/



.row-flex, .row-flex> div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	 margin:-.2px; 
}


.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
	flex-flow: column nowrap;
}

.flex-grow {
	display: flex;
    -webkit-flex: 2;
    flex: 2;
}



/*-------- FIN FLEXBOX ---------*/


/*----------- CARD BOX NOTAS ------------*/

.card {
	margin-top:15px;
	margin-bottom:15px;
	border:0px;
	border-bottom: 1px solid rgb(242, 242, 242);
}

.card .card-body {
	padding:20px 5px;
	/*background-image:url(../img/triange-p.png);*/
	/*background-image:url(../img/bg-arrow-card.png);*/
	background-position:right bottom;
	background-repeat:repeat-x;
}

@media (max-width: 767px) {

.card {
	margin-left:-5px;
	margin-right:-5px;
}

.card .card-body {
	padding:20px 10px;
}
}

.card .card-header.card-header-image {
    position: relative;
    padding: 0;
    z-index: 1;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -30px;
    border-radius: 6px;
}

.card-plain .card-header-image {
    margin: 0!important;
    border-radius: 6px;
}

.card-title, .card-title a, .footer-big h2, .footer-big h2 a, .footer-big h5, .footer-big h5 a, .footer-brand, .footer-brand a, .info-title, .info-title a, .media .media-heading, .media .media-heading a, .title, .title a {
    color: #000;
    text-decoration: none;
}

.card-title a:hover {
    color: #f12c1d;
    text-decoration: none;
}

.card-category {
    font-weight: 600;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.14px;
}  

.volanta {
    font-weight: 600;
	display:none;
}  

@media (max-width: 767px) {
.card-category {
    font-weight: 400;
	font-size:14px;
}  
}

/*opcion para categoria*/
.card-category {
    /*color: #fff !important;
    position: absolute;
    top: 10px;
    background-color: #1a8ac8;
    z-index: 1;
    padding: 5px 8px;
    left: 10px;
    font-size: 14px;*/
}

/*opcion para categoria*/
.card-category {
    /*color: #fff !important;
    position: initial;
    top: 10px;
    background-color: #1a8ac8;
    z-index: 1;
    padding: 5px 8px;
    left: 10px;
    font-size: 14px;
    margin: -20px;
    margin-bottom: 20px;*/
}


@media (max-width: 767px) {
.card-horizontal .card-category {
	display:none;
}

}

.card-horizontal .card-category {
    margin-top: 6px;
    margin-bottom: 5px;
    font-size: 12px;
    text-transform: uppercase;
}


.card-description {

}

.card-title {
    margin-bottom: 12px;
}

.card .ver-mas{
    color: #0088e2;
    text-decoration: none;
	display:none;
}

.card-footer{
	display:none;
}   

.mask-imagen {
    color: #FFF;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    position: absolute;
    letter-spacing: 3px;
    height: 100%;
    width: 100%;
    top: 0px;
    z-index: 0;
    box-shadow: inset 0px 0px 40px #000;
    -webkit-box-shadow: inset 0px 0px 40px #000;
    -moz-box-shadow: inset 0px 0px 40px #000;
}

.mask-imagen:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    /*border-style: solid;
    border-width: 15px;
    border-color: #0088e2 #FFF #FFF #0088e2;*/
    z-index: 10;
}

.mask-video {
    color: #FFF;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    position: absolute;
    letter-spacing: 3px;
    background-image: url(../img/mask-video.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    top: 0px;
    z-index: 1;
}

.gradiente {
    /*background: repeating-linear-gradient(-45deg,#f0f3f0,#f0f3f0 5px,#fff,#fff 7px)!important;
	border:0px;
	width:100%;*/
	border:0px;
}

/*----------- FIN CARD BOX NOTAS ------------*/

/*----------- MEDIA BOX NOTAS ------------*/

.media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.media-body  small{
    line-height: 1.5;
}


.media > .avatar:first-child.avatar-xs, .media > .avatar:first-child.avatar-sm {
    margin-right: 12px;
}
.avatar.avatar-xs {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    float: left;
}

.blog-post-author .media-body small:nth-child(1) {
    color: #343a40;
}
.blog-post-author .media-body > * {
    display: block;
}
.blog-post-author .media-body small:nth-child(1) + small {
    color: #6c757d;
}
/*----------- MEDIA BOX NOTAS ------------*/

/*----------------- AMPLIA NOTA ---------*/

.amplia-nota-info {
    background-color:#FFF;
	padding-top: 25px;
}

@media (max-width: 767px) {
.amplia-nota-info {
    background-color:#FFF;
	padding-top: 0px;
}


}

.fecha-nueva{
	color: #777;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	margin-bottom: 0px;
	display: inline-block;
	border-left: solid 1px grey;
	line-height: 10px;
	padding-left: 5px;
	margin-left: 5px;
}